@extends('layouts.site')

@section('title', 'Slowniki AJAX - ' . $table_label)

@php
    $idPrefix = $definition['id_prefix'];
    $columns = $definition['columns'];
    $formFields = $definition['form_fields'];
    $infoFields = $definition['info_fields'];

    $routes = [
        'list' => route('m_slownik_ajax_generic_list', ['table' => $table_key]),
        'store' => route('m_slownik_ajax_generic_store', ['table' => $table_key]),
        'update' => route('m_slownik_ajax_generic_update', ['table' => $table_key, 'id' => '__ID__']),
        'del' => route('m_slownik_ajax_generic_delete', ['table' => $table_key, 'id' => '__ID__']),
    ];

    $modalAddId = 'ModalForm_' . $idPrefix . '_add';
    $modalEditId = 'ModalForm_' . $idPrefix . '_edit';
    $modalInfoId = 'ModalForm_' . $idPrefix . '_info';
    $modalDeleteId = 'ModalForm_' . $idPrefix . '_delete';

    $addFormId = $idPrefix . '-form-add';
    $editFormId = $idPrefix . '-form-edit';
    $deleteFormId = $idPrefix . '-form-delete';

    $resetFields = [];
    foreach ($formFields as $field) {
        $resetFields[] = '#' . $idPrefix . '-add-' . $field['name'];
    }

    $editFields = [];
    foreach ($formFields as $field) {
        $editFields['#' . $idPrefix . '-edit-' . $field['name']] = $field['name'];
    }

    $infoMap = [];
    foreach ($infoFields as $field) {
        $infoMap['#' . $idPrefix . '_info_' . $field['name']] = $field['field'] ?? $field['name'];
    }

    $modals = [
        'add' => [
            'modal_selector' => '#' . $modalAddId,
            'form_selector' => '#' . $addFormId,
            'reset_fields' => $resetFields,
        ],
        'edit' => [
            'modal_selector' => '#' . $modalEditId,
            'form_selector' => '#' . $editFormId,
            'id_selector' => '#' . $idPrefix . '_edit_id',
            'fields' => $editFields,
        ],
        'info' => [
            'modal_selector' => '#' . $modalInfoId,
            'fields' => $infoMap,
        ],
        'delete' => [
            'modal_selector' => '#' . $modalDeleteId,
            'form_selector' => '#' . $deleteFormId,
            'id_selector' => 'input[name="rekord_id"]',
            'id_view_selector' => 'input[name="rekord_id_view"]',
        ],
    ];
@endphp

@section('content')
    <x-ajax-crud-table
        :id-prefix="$idPrefix"
        :title="'Slowniki AJAX - ' . $table_label"
        :routes="$routes"
        :columns="$columns"
        :table-settings-key="'m_slownik_ajax_index_component_' . $table_key"
        :close-href="url('/m_admin')"
        close-button-title="Zamknij widok"
        search-placeholder="Wpisz tekst aby wyszukac ..."
        search-label="Wyszukaj:"
        search-columns-label="Wybierz kolumny do przeszukania."
        columns-selector-label="Wybierz kolumny do wyswietlenia."
        :column-selector-counter="false"
        :default-per-page="15"
        action-column-width="9rem"
        :row-id-key="$definition['primary_key']"
        :show-export="false"
        :modals="$modals"
    />
@endsection

@section('navbar')
    @include('sites.admin._navbar_m_admin_site')
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Slowniki AJAX">Slowniki AJAX</span>
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="{{ $table_label }}">{{ $table_label }}</span>
@endsection

@section('menu')
    @include('sites.admin.menu_admin')
@endsection

@section('modal_windows')
    <x-global-form-modal
        :modal-id="$modalAddId"
        type="add"
        :form-id="$addFormId"
        :title="'Dodaj rekord - ' . $table_label"
        submit-text="Dodaj"
        submit-class="btn btn-success"
    >
        @foreach($formFields as $field)
            <div class="form-group row" @if($loop->last) style="margin-bottom:4px;" @endif>
                <label for="{{ $idPrefix }}-add-{{ $field['name'] }}" class="col-md-4 col-form-label col-form-label-sm text-md-right">{{ $field['label'] }}</label>
                <div class="col-md-6">
                    @if($field['input_type'] === 'textarea')
                        <textarea
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            rows="4"
                            class="form-control"
                            style="resize:none;"
                            @if($field['required']) required @endif
                        ></textarea>
                    @elseif($field['input_type'] === 'select')
                        <select
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                            @if(!$field['required'])
                                <option value="">-- wybierz --</option>
                            @endif
                            @foreach((array) ($field['options'] ?? []) as $optionValue => $optionLabel)
                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                            @endforeach
                        </select>
                    @elseif($field['input_type'] === 'bool')
                        <select
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                            @if(!$field['required'])
                                <option value="">-- wybierz --</option>
                            @endif
                            <option value="1">Tak</option>
                            <option value="0">Nie</option>
                        </select>
                    @elseif($field['input_type'] === 'number_int')
                        <input
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            type="number"
                            step="1"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                    @elseif($field['input_type'] === 'number_dec')
                        <input
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            type="number"
                            step="0.01"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                    @else
                        <input
                            id="{{ $idPrefix }}-add-{{ $field['name'] }}"
                            type="text"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if(!empty($field['max'])) maxlength="{{ $field['max'] }}" @endif
                            @if($field['required']) required @endif
                        >
                    @endif
                    <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="{{ $field['name'] }}" style="display:none;"></label>
                </div>
            </div>
        @endforeach
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalEditId"
        type="edit"
        :form-id="$editFormId"
        :title="'Edytuj rekord - ' . $table_label"
        submit-text="Zapisz"
        submit-class="btn btn-primary"
    >
        <input type="hidden" id="{{ $idPrefix }}_edit_id" name="{{ $definition['primary_key'] }}" value="">
        @foreach($formFields as $field)
            <div class="form-group row" @if($loop->last) style="margin-bottom:4px;" @endif>
                <label for="{{ $idPrefix }}-edit-{{ $field['name'] }}" class="col-md-4 col-form-label col-form-label-sm text-md-right">{{ $field['label'] }}</label>
                <div class="col-md-6">
                    @if($field['input_type'] === 'textarea')
                        <textarea
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            rows="4"
                            class="form-control"
                            style="resize:none;"
                            @if($field['required']) required @endif
                        ></textarea>
                    @elseif($field['input_type'] === 'select')
                        <select
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                            @if(!$field['required'])
                                <option value="">-- wybierz --</option>
                            @endif
                            @foreach((array) ($field['options'] ?? []) as $optionValue => $optionLabel)
                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                            @endforeach
                        </select>
                    @elseif($field['input_type'] === 'bool')
                        <select
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                            @if(!$field['required'])
                                <option value="">-- wybierz --</option>
                            @endif
                            <option value="1">Tak</option>
                            <option value="0">Nie</option>
                        </select>
                    @elseif($field['input_type'] === 'number_int')
                        <input
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            type="number"
                            step="1"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                    @elseif($field['input_type'] === 'number_dec')
                        <input
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            type="number"
                            step="0.01"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if($field['required']) required @endif
                        >
                    @else
                        <input
                            id="{{ $idPrefix }}-edit-{{ $field['name'] }}"
                            type="text"
                            name="{{ $field['name'] }}"
                            class="form-control"
                            @if(!empty($field['max'])) maxlength="{{ $field['max'] }}" @endif
                            @if($field['required']) required @endif
                        >
                    @endif
                    <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="{{ $field['name'] }}" style="display:none;"></label>
                </div>
            </div>
        @endforeach
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalInfoId"
        type="info"
        :form-id="$idPrefix . '-form-info'"
        :title="'Informacja - ' . $table_label"
        :show-default-footer="true"
    >
        @foreach($infoFields as $field)
            <div class="form-group row" @if($loop->last) style="margin-bottom:4px;" @endif>
                <label for="{{ $idPrefix }}_info_{{ $field['name'] }}" class="col-md-4 col-form-label col-form-label-sm text-md-right">{{ $field['label'] }}</label>
                <div class="col-md-6">
                    @if($field['is_long_text'])
                        <textarea id="{{ $idPrefix }}_info_{{ $field['name'] }}" rows="4" class="form-control form-control-sm" style="resize:none;" readonly></textarea>
                    @else
                        <input id="{{ $idPrefix }}_info_{{ $field['name'] }}" type="text" class="form-control form-control-sm" readonly>
                    @endif
                </div>
            </div>
        @endforeach
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalDeleteId"
        type="delete"
        :form-id="$deleteFormId"
        :title="'Usun rekord - ' . $table_label"
        submit-text="Usun"
        submit-class="btn btn-danger"
    >
        <input type="hidden" name="rekord_id" value="">
        <div class="form-group row" style="justify-content:center; margin-top:8px;">
            <label class="col-form-label col-form-label-sm text-right" style="margin-right:8px;">ID:</label>
            <input type="text" name="rekord_id_view" class="form-control form-control-sm" style="width:7rem;" readonly>
        </div>
        <p class="text-center" style="margin:0.5rem 0 0;">Czy na pewno chcesz usunac ten rekord?</p>
    </x-global-form-modal>
@endsection