@extends('layouts.main', ['pageTitle' => 'Edit Role:: '. $role->display_name])

@section('main-content')
    <!-- Zero configuration table -->
    <section class="main-content-section thin-section-border">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header page-title-row">
                        <h1 class="page-title nk-block-title fw-normal">Edit Role:: {{ $role->display_name }}</h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard">
                            <form action="{{ route('role.update',  ['role' => $role->id]) }}" class="" method="post">
                                @csrf
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input class="form-control" id="name" @if(isDefaultRole($role->name)) readonly data-is-default @endif name="display_name" required value="{{ $role->display_name }}">
                                </div>
                                <div class="form-group">
                                    <label for="description">Description</label>
                                    <textarea class="form-control" id="description" name="description" required>{{ $role->description }}</textarea>
                                </div>
                                @if($authUser->can('manage_role_permissions'))
                                <table class="table table-bordered permissions-management-table table-responsive">
                                    <thead class="thead-dark">
                                    <tr>
                                        <th>S/N</th>
                                        <th>Permission Name</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                                                        @forelse($permissionGroups as $group )
                                        @if($n !== 0)
                                            <tr style="height: 20px"></tr>
                                        @endif
                                        <tr class="thead-light no-border">
                                            <td colspan="2" class="text-uppercase"></td>
                                            <td></td>
                                        </tr>
                                                                                @if(!empty($permissions))
                                            @foreach($permissions as $perm)
                                                <tr>
                                                    <td>{{ $n += 1 }}</td>
                                                    <td>{{ $perm->display_name }}</td>
                                                    <td>
                                                        @if($role->hasPermission($perm->name))
                                                            <span class="input-span checked"><input type="checkbox" checked name="permissions[{{$perm->id}}]"></span>
                                                        @else
                                                            <span class="input-span"><input type="checkbox" name="permissions[{{$perm->id}}]"></span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    @empty

                                    @endforelse
                                    @if($unGroupedPermissions->count() > 0)
                                        @if($n !== 0)
                                            <tr style="height: 20px"></tr>
                                        @endif
                                        <tr class="heading-row">
                                            <td colspan="2" class="text-uppercase">UNGROUPED PERMISSIONS</td>
                                            <td></td>
                                        </tr>
                                        @foreach($unGroupedPermissions as $perm)
                                            <tr>
                                                <td>{{ $n += 1 }}</td>
                                                <td>{{ $perm->display_name }}</td>
                                                <td>
                                                    @if($role->hasPermission($perm->name))
                                                        <span class="input-span checked"><input type="checkbox" checked name="permissions[{{$perm->id}}]"></span>
                                                    @else
                                                        <span class="input-span"><input type="checkbox" name="permissions[{{$perm->id}}]"></span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                                @endif
                                @if($authUser->can('role.update'))
                                    <div class="row mt-1">
                                        <div class="col-12 text-right">
                                            <button class="btn btn-primary col-md-3 text-center" type="submit">Update Role</button>
                                        </div>
                                    </div>
                                @endif
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection