@extends('content')

@section('page-title')
    Zarzadzanie uprawnieniami dostepu
@endsection

@section('page-content')

<x-wrapper-component>

    <div class="grid grid-cols-12 gap-1">

        <div class="col-span-12 md:col-span-3 lg:col-span-2 text-right pt-2 pr-4 text-xl">Grupa uprawnień:</div>

        <div class="col-span-12 md:col-span-5 lg:col-span-6">
            <x-forms.select-alpine-form-component action="{{ route('admin.permissions') }}" defaultValue="{{ $selected_option }}" label="Wybierz grupę uprawnień" />
        </div>

        <div class="col-span-12 md:col-span-3 lg:col-span-4 pt-1 flex justify-end">

            @cansee('admin.permissions.insert')
            <x-forms.button-component
                idName="modal-button-add_permissions_group"
                btnName="{{ __('admin.permissions.add_btn') }}"
                customClass="btn_lg btn_green mx-2"
            />
            @endcansee

            @if($selected_option > 0)

                @cansee('admin.permissions.delete')
                <x-forms.button-component
                    idName="modal-button-delete_permissions_group"
                    btnName="{{ __('admin.permissions.delete_btn') }}"
                    customClass="btn_lg btn_red mx-2"
                />
                @endcansee

            @endif
        </div>

    </div>


@if(!empty($all_permissions) && intval($selected_option) > 0)

    <form action="{{ route('admin.permissions.update.start_page') }}" method="post">@csrf
        <input type="hidden" name="role_id" value="{{ $current_role->id }}">
        <div class="grid grid-cols-12 gap-1">
            <div class="col-span-12 md:col-span-3 lg:col-span-2 text-right pt-2 pr-4 text-xl">Strona startowa:</div>
            <div class="col-span-12 md:col-span-5 lg:col-span-6 flex items-center space-x-2">
                <select name="start_page" id="start_page" class="mt-1 p-2 w-1/2 block border border-gray-400 shadow-lg rounded-md" required>
                    <option value="">&nbsp;</option>
                    @foreach($start_pages as $start_pages_group)
                        @foreach($start_pages_group['pages'] as $value)
                            <option value="{{ $value }}" @if($value==$current_role->start_page) selected @endif>
                                {{ __('menu.'.$value) }}
                            </option>
                        @endforeach
                    @endforeach
                </select>
                <button type="submit" class="btn_lg btn_default">Ustaw</button>
            </div>
        </div>
    </form>



    <form action="{{ route('admin.permissions.update') }}" method="post">
    @csrf
    <input type="hidden" name="role_id" value="{{ $selected_option }}"/>

    @foreach($all_permissions as $objectGroup)

        <div class="border-2 border-slate-700 rounded-2xl mt-4 overflow-hidden">

            <div class="bg-slate-700 py-1 text-center text-white text-xl border-b-2">{{ __('admin.permissions.'.$objectGroup['group_name']) }}</div>

            <div class="px-4 pb-4" id="checkbox-group">

                @if(!empty($objectGroup['objects']))

                    @foreach($objectGroup['objects'] as $object)

                        <div class="text-lg pt-4 pb-2 text-slate-600 font-bold">{{ __('admin.permissions.'.$object['object_name']) }}</div>
                        <div class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-7 2xl:grid-cols-8 gap-4">

                        @foreach($object['actions'] as $action)


                            <div class="border border-slate-300 rounded-sm pt-1 px-2 ">
                                <label class="inline-flex items-center space-x-2">
                                    <input type="checkbox"
                                           name="permissions[]"
                                           value="{{ $action['obj_action'] }}"
                                           class="w-5 h-5 text-green-600 focus:ring-green-500 border-gray-300 rounded"
                                            @if(in_array($action['obj_action'], $selected_privs)) checked @endif
                                    />
                                    <span class="text-gray-700 text-base/4">{{ __('admin.permissions.'.$action['action_name']) }}</span>
                                </label>
                            </div>

                        @endforeach

                        </div>

                    @endforeach

                @endif

            </div>

        </div>

    @endforeach

        <div class="mx-auto pt-4">

            @cansee('admin.permissions.update')
            <x-forms.button-component
                isSubmitButton="1"
                btnName="{{ __('admin.permissions.save') }}"
                inputClass="input_lg"
            />
            @endcansee

        </div>

    </form>


@endif

</x-wrapper-component>


@endsection


@push('modal')
    <x-modal.modal-component
        modalTitle="{{ __('admin.permissions.new_group_modal_name') }}"
        :isSubmit="true"
        modalId="add_permissions_group"
        buttonName="{{ __('main.modal.send') }}"
        modalRoute="{{ route('admin.permissions.insert') }}"
    >
        <div>
            <x-forms.input-component
                inputType="text"
                inputName="new_permissions_group_name"
                inputId="new_permissions_group_name"
                inputValue="{{ old('new_permissions_group_name') }}"
                inputLabel="{{ __('admin.permissions.new_group_label') }}"
                inputPlaceholder="{{ __('admin.permissions.new_group_label') }}"
                inputRequired=1
                inputClass="input_md"
            />
        </div>

    </x-modal.modal-component>








    @if($selected_option > 0)
        <x-modal.modal-component
            modalTitle="Usuwanie grupy uprawnień"
            :isSubmit="true"
            modalId="delete_permissions_group"
            buttonName="{{ __('admin.permissions.delete_btn') }}"
            modalRoute="{{ route('admin.permissions.delete') }}"
        >
            <input type="hidden" name="delete_permissions_group" value="{{ $selected_option }}" />
            <div class="bg-rose-600 text-white p-2 rounded-md">
                {{ __('admin.permissions.delete_group_confirm') }} !!!
            </div>

        </x-modal.modal-component>
    @endif

@endpush