@extends("theme.$theme.layout")

@section('title')
   Menú - Rol
@endsection

@section("scripts")
<script src="{{asset("assets/pages/scripts/admin/permiso-rol/index.js")}}" type="text/javascript"></script>
@endsection

@section('content')
 <div class="row">
        <div class="col-sm-12">
          <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Permiso - Rol</h3>
            </div>
            <div class="card-body table-responsive p-0">
                @csrf
                <table class="table table-striped table-bordered table-hover" id="table-data">
                    <thead>
                        <tr>
                            <th>Permisos</th>
                            @foreach ($roles as $id => $name)
                            <th class="text-center">{{$name}}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($permisos as $key => $permiso)
                            <tr>
                                <td class="font-weight-bold">{{$permiso["name"]}}</td>
                                @foreach($roles as $id => $name)
                                    <td class="text-center">
                                        <input
                                        type="checkbox"
                                        class="permiso_rol"
                                        name="permiso_rol[]"
                                        data-permisoid={{$permiso[ "id"]}}
                                        value="{{$id}}" {{in_array($id, array_column($permisosRols[$permiso["id"]], "id"))? "checked" : ""}}>
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection