@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Edit Role</title>
@endsection
<style type="text/css">
    .stu_pro tr td {
        padding: 1px;
    }

    .fileBtn:hover {
        cursor: progress;
        color: red;
    }
</style>

@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Edit Role</h2>
    </div>
    <div class="box ">

        <div class="col-span-12 lg:col-span-8 2xl:col-span-9 ">

                <!-- BEGIN: Display Information -->

                <div class="intro-y box lg:mt-5">
                    <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"
                        style="background-color: #292727; border-radius: 4px;">
                        <h2 class="font-medium text-base mr-auto" style="font-weight: bold; color:white;">Role</h2>
                    </div>
                    <div class="overflow-x-auto">

                        <form method="post" action="{{ route('roles.update', $role->id) }}">
                            @csrf
                            @method('put')
                            <table class="table">
                                <thead class="table-light">
                                    <tr>
                                        <th>Role Name</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="name" value="{{$role->name}}"/>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                    </div>

                    <div class="flex box items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"
                        style="background-color: #292727; border-radius: 4px;">
                        <h2 class="font-medium text-base mr-auto" style="font-weight: bold; color:white;">Permissions</h2>
                    </div>

                    <div class="p-5 box bg-primary/10 ">
                        <div class="flex flex-col-reverse xl:flex-row flex-col">
                            <div class="flex-1 mt-6 xl:mt-0">
                                <input type="hidden" id="invoice_id" name="invoice_id">
                                <div class="grid grid-cols-12 gap-2">
                                    @foreach($permission as $key => $value)
                                    @if($key % 4 == 0)
                                    <h5> </h5>
                                        @endif
                                            <hr>
                                            
                                            <div class="form-check mt-2">
                                             <label>
                                                <input name="permission[]" value="{{$value->name}}" type="checkbox" @if (in_array($value->id, $rolePermissions))checked @endif class="form-check-input"> {{ $value->name }}
                                            </label>
                                            </div>
                                            @if ($loop->iteration % 4 == 0)
                                          
                                        @endif
                                @endforeach

                                 
                                </div>

                                <button type="submit" class="btn btn-primary mt-5" style="float: right;">Save</button>
                            </form>
                            </div>

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

    </div>
    <!-- END: Display Information -->

    </form>
    </div>
@endsection

@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
 
@endsection