@extends("admin.layouts.app")

@section("page-header")
    <div class="section-header">
        <h1>Categories</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="#">Admin</a></div>
            <div class="breadcrumb-item"><a href="{{route("admin.admins.roles.index")}}">Roles</a></div>
            <div class="breadcrumb-item">{{$role->name}}</div>
            <div class="breadcrumb-item">Edit</div>
        </div>
    </div>
@endsection

@section("content")
    <div class="section-body">
        <h2 class="section-title">Edit Role</h2>

        <div class="row">
            <div class="col-12 col-md-6 col-lg-12 m-auto">
                <form action="{{route("admin.admins.roles.update", $role->id)}}" method="post">
                    @csrf
                    @method("put")
                    <div class="card">
                        <div class="card-header">
                            <h4>Edit Role</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Name</label>
                                        <input type="text" name="name"
                                               class="form-control @if($errors->has("name"))is-invalid @endif"
                                               value="{{inputValue("name",$role)}}">
                                        @error("name")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <label class="form-label">Permissions</label>
                                        <div class="row">
                                            @foreach($permissions as $permission)
                                            <div class="col-lg-3">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="customCheck{{$permission->id}}" name="permissions[]" value="{{$permission->id}}"
                                                    @if(isset($permissionsSelected[$permission->id]) || (isset($rolePermissions[$permission->id]) && !isset($permissionsSelected))) checked @endif>
                                                    <label class="custom-control-label" for="customCheck{{$permission->id}}">{{$permission->name}}</label>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button class="btn btn-primary submit-button" type="submit">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section("js-scripts")
    <script src="../assets/js/page/index-0.js"></script>
@endsection