@extends('layouts.office-details-layout')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="nk-block-head-content align-self-start d-lg-none">
                    <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                </div>
                <div class="card-content collapse show">
                    <div class="card-body card-dashboard">
                        <form action="{{ route('office.update_permissions',  ['office' => $office->id]) }}" class="" method="post">
                            @csrf
                            @if($authUser->can('manage_role_permissions'))
                                <table class="table table-bordered permissions-management-table" id="office-permissions-table">
                                    <thead class="thead-dark">
                                    <tr>
                                        <th>S/N</th>
                                        <th>Permission Name</th>
                                        <th>Permission Description</th>
                                        <th>Assign</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                                                        @forelse($permissionGroups as $group )
                                        @include('components.permission-manager-row', ['role' => $role])
                                    @empty

                                    @endforelse
                                    @if($unGroupedPermissions->count() > 0)
                                        @php
                                            $group = (object) [
                                                'name' => 'ungrouped',
                                                'display_name' => 'UNGROUPED PERMISSIONS',
                                                'permissions' => $unGroupedPermissions,
                                            ];
                                        @endphp
                                        @include('components.permission-manager-row')
                                    @endif
                                    </tbody>
                                </table>
                            @endif
                            @if(auth()->user()->can('update_role'))
                                <div class="row mt-1">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-primary col-md-3 text-center" type="submit">Update</button>
                                    </div>
                                </div>
                            @endif
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('more-scripts')
    <script>
        const officeViewUrl = '{{ url('/office/view') }}';
        const officeDeactivationUrl = '{{ url('/office/deactivate') }}';
        const officeActivationUrl = '{{ url('/office/activate') }}';
        const officeUpdateUrl = '{{ url('/office/update') }}';
    </script>
    <script src="{{ asset('js/pages/office-permissions.js') }}"></script>

@endsection