@extends('layouts.basic')
@section('styles')
<style>
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.checkbox-item {
    margin-bottom: 10px;
}
.checkbox-header {
    font-weight: bold;
}

</style>


@endsection
@section('content')
    <div class="container-fluid">
      <div class="page-title">
        <div class="row">
          <div class="col-6">
            <h3>Roles & Permission </h3>
          </div>
          <div class="col-6">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ route('roles.index') }}">                                         <i data-feather="home"></i></a></li>
              <li class="breadcrumb-item">Roles</li>
              <li class="breadcrumb-item active">Edit Role</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-12">
          <div class="card">
            <div class="card-header">
                <h5>
                    Edit Role
                </h5>
              @can('role-create')
             
              {{-- <a class="btn btn-success m-r-15" href="{{ route('roles.create') }}"> Edit Role </a> --}}
              @endcan
            </div>
            <div class="card-body">

                @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> something went wrong.<br><br>
                    <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                    </ul>
                </div>
            @endif
            {!! Form::model($role, ['method' => 'PATCH','route' => ['roles.update', $role->id]]) !!}
            <div class="row">

                <div class="input-group mb-3">
                    <span class="input-group-text" id="basic-addon3">Name:</span>
                    {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control')) !!}
                   
                  </div>










                  {{-- <table class="table table-bordered table-striped" id="roletable">
                    <thead class="table-dark">
                        <tr>
                            <th>Role Access</th>
                            <th>Add</th>
                            <th>Edit</th>
                            <th>View</th>
                            <th>Delete</th>
                            <th>Addon</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($permission as $value)
                        <tr>
                          
                            <td>{{ $value->menu_name }}</td>
                            <td>
                                {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                            </td>
                            <td>
                                {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                            </td>
                            <td>
                                {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                            </td>
                            <td>
                                {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                            </td>
                            <td>
                                {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                 --}}


                        <div class="input-group mb-3">
                        <table class="table table-bordered table-striped" id="roletable" >
                            <thead >
                                <tr class="table table-secondary">
                                    <th>S.NO</th>
                                    <th>Permission</th>
                                    <th>Checked</th>
                                </tr>
                            </thead>
                            <tbody>
                                {{-- @dd($permission) --}}
                                @foreach($permission as $value)

                                {{-- <th>{{ $value->name }}</th> --}}
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $value->name }}</td>
                                    <td>
                                        {{ Form::checkbox('permission[]', $value->id, in_array($value->id, $rolePermissions) ? true : false, ['class' => 'name']) }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>    
                        </div>

                <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
            {!! Form::close() !!}


        </div>
    </div>
  </div>
</div>
    </div>
    
 

@endsection
@section('script')
    <script>

$('#roletable').DataTable( {
  responsive: true,
  ordering: false,
  } );
    </script>
@endsection