@extends('backend.layouts.app')
@section('content')
    <div class="card page-container" id="page-container">
        <div class="card-body p-lg-25 content-wrap">

            <!--begin::Layout-->
            <div class="d-flex flex-column flex-lg-row mb-17">
                <div class="flex-lg-row-fluid me-0 me-lg-20">
                    <form action="{{ $action }}" class="form mb-15" method="POST" id="kt_careers_form"
                        enctype='multipart/form-data'>
                        @csrf
                        @if ($method == 'PUT')
                            @method('put')
                        @endif

                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label class="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('Role Name') }}</label>
                                <input type="text" class="form-control form-control-solid" value="{{ $role->name }}"
                                    placeholder="{{ TranslationManager::translate('Please Enter Role Name') }}" name="name" />
                                @error('name')
                                    <span class="error">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="fv-row">
                            <label class="fs-5 fw-bolder form-label mb-2">{{ TranslationManager::translate('Role Permissions') }}</label>
                            <div class="table-responsive">
                                <table class="table align-middle table-row-dashed fs-6 gy-5">
                                    <tbody class="text-gray-600 fw-bold">
                                        <tr>
                                            <td class="text-gray-800">{{ TranslationManager::translate('Full Access') }}
                                                <i class="fas fa-exclamation-circle ms-1 fs-7"
                                                    data-bs-toggle="tooltip"
                                                    title="{{ TranslationManager::translate('Allows a full access to the system') }}"></i>
                                            </td>
                                            <td>
                                                <!--begin::Checkbox-->
                                                <label
                                                    class="form-check form-check-sm form-check-custom form-check-solid me-9">
                                                    <input class="form-check-input kt_roles_select_all"
                                                        type="checkbox" />
                                                    <span class="form-check-label">{{ TranslationManager::translate('Select all') }}</span>
                                                </label>
                                                <!--end::Checkbox-->
                                            </td>
                                        </tr>
                                        <!--end::Table row-->
                                        <!--begin::Table row-->
                                        @foreach ($permissions as $key => $permission)
                                            <tr>
                                                <td class="text-gray-800">{{ TranslationManager::translate($key) }}</td>
                                                <td>
                                                    <div class="d-flex">
                                                        @foreach ($permission as $permissionName)
                                                            {{-- @dd($permissionName) --}}
                                                            <label
                                                                class="form-check form-check-sm form-check-custom form-check-solid me-5 me-lg-20">
                                                                <input class="form-check-input" type="checkbox"
                                                                    value="1"
                                                                    name="permissions[{{ $permissionName['id'] }}]"
                                                                    {{ $role->hasPermissionTo($permissionName['full_name']) ? 'checked' : '' }} />
                                                                <span
                                                                    class="form-check-label">{{ $permissionName['name'] }}</span>
                                                            </label>
                                                        @endforeach
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="separator mb-8"></div>
                        <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                            <span class="indicator-label">{{ TranslationManager::translate('Submit') }}</span>
                        </button>

                        <a href="{{ route('admin.roles.index') }}" class="btn btn-danger">
                            <span class="indicator-label">{{ TranslationManager::translate('Back') }}</span>
                        </a>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>

        $('.kt_roles_select_all').click(function(event) {
            if (this.checked) {
                $(':checkbox').each(function() {
                    this.checked = true;
                });
            } else {
                $(':checkbox').each(function() {
                    this.checked = false;
                });
            }
        });
    </script>
@endpush