@extends('layouts.LayoutMaster')

@section('content')

<x-form.wrapper action="{{route('roles.updatePermission',[$role->id])}}" method="POST" enctype="multipart/form-data">
    <div class="row container">
        @csrf

        <h4>Permission de : <b>{{ Str::of($role->name)->replace('-', ' ')->ucfirst()}}</b> </h4>
        @foreach ($groupedPermissions as $key => $permissionGroupe )
        <br>
        <div class="col-md-4">
            <div class="card " style=" min-height: 256px!important; ">
                <div class="card-header">
                    <h2 class="lead text-center">{{ Str::of($key)->ucfirst() }}</b></h2>
                </div>
                <div class="card-body">
                    <ul>
                        @foreach ($permissionGroupe as $permission)
                        <li>
                            <div class="form-check">
                                <input class="form-check-input" @if ($rolePermissions->contains('name',$permission))
                                checked
                                @endif value="{{ $permission}}" type="checkbox"id="{{ $permission}}Id"
                                name="permissions[]">
                                <label class="form-check-label" for="{{ $permission}}Id">
                                    {{ $permission}}
                                </label>
                            </div>

                        </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
        @endforeach


        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="col-md-12">
                        <center>
                            <x-form.button type="submit">Mise a jour</x-form.button>
                        </center>
                    </div>
                </div>
            </div>
        </div>


    </div>
</x-form.wrapper>




@endsection