@use('App\Services\MenuService')
@use('App\Services\PermissionsService')
@extends('layouts.main')

@section('content')
    <div class="row justify-content-center">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <x-buttons.back-small name="role" :route="route('role.index')" />
                    {{ $title }}
                </div>
                <form id="form-role" action="{{ request()->routeIs('role.create') ? route('role.store') : route('role.update', $role) }}" method="POST">
                    @csrf
                    @if(Route::currentRouteName() !== 'role.create')
                        @method('PUT')
                    @endif
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <x-forms.input-text :label="__('validation.attributes.name')" name="name" :value="$role->name ?? ''" required />
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="col-12 table-responsive">
                                    <table class="table table-sm p-0">
                                        @php
                                            $defaultPermissions = PermissionsService::getDefaultPermissions();
                                        @endphp
                                        @foreach(MenuService::$menus as $menuKey => $menuParent)
                                            @php
                                                $permissions = $defaultPermissions->where('main_menu', '=', $menuKey);
                                            @endphp
                                            <tr>
                                                <th colspan="2">
                                                    <h5 class="text-primary my-2">
                                                        <i class="fa {{ $menuParent['icon'] }}"></i> {{ __('module.' . $menuKey) }}
                                                    </h5>
                                                </th>
                                            </tr>
                                            @foreach($permissions as $moduleType => $permission)
                                                @php
                                                    $rolePermission = isset($role->permissions) ? $role->permissions->where('module_type', '=', $moduleType)->first()?->permissions : null;
                                                @endphp
                                                <tr>
                                                    <td>{{ __('module.' . $moduleType) }}</td>
                                                    <td>
                                                        @foreach($permission['options'] as $option)
                                                            <x-details.switch-inline-permission :label="ucwords(Str::snake($option, ' '))" :name="$option" :module_type="$moduleType" :checked="old('permissions.' . $moduleType . '.' . $option, $rolePermission[$option] ?? $option === 'read')" />
                                                        @endforeach
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-12">
                                <div class="float-end">
                                    <x-buttons.submit-save />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection