@extends('layouts.site')

@section('title', 'Organizacje App')

@php
    $idPrefix = 'a000_organizacje_app';

    $columns = [
        [
            'key' => 'id',
            'label' => 'ID',
            'field' => 'id',
            'sort' => 'id',
            'search_field' => 'id',
            'align' => 'center',
            'width' => '6rem',
            'checked' => true,
        ],
        [
            'key' => 'ids',
            'label' => 'IDS',
            'field' => 'ids',
            'sort' => 'ids',
            'search_field' => 'ids',
            'align' => 'left',
            'width' => '10rem',
            'checked' => true,
        ],
        [
            'key' => 'nazwa_pelna',
            'label' => 'Nazwa pelna',
            'field' => 'nazwa_pelna',
            'sort' => 'nazwa_pelna',
            'search_field' => 'nazwa_pelna',
            'align' => 'left',
            'checked' => true,
        ],
        [
            'key' => 'nazwa_skrot',
            'label' => 'Nazwa skrot',
            'field' => 'nazwa_skrot',
            'sort' => 'nazwa_skrot',
            'search_field' => 'nazwa_skrot',
            'align' => 'left',
            'checked' => true,
        ],
        [
            'key' => 'miejscowosc',
            'label' => 'Miejscowosc',
            'field' => 'miejscowosc',
            'sort' => 'miejscowosc',
            'search_field' => 'miejscowosc',
            'align' => 'left',
            'checked' => true,
        ],
        [
            'key' => 'instancja_aktywna_icon',
            'label' => 'Instancja aktywna',
            'field' => 'instancja_aktywna_icon',
            'sort' => 'instancja_aktywna',
            'search_field' => '',
            'align' => 'center',
            'width' => '8rem',
            'checked' => true,
            'raw_html' => true,
        ],
        [
            'key' => 'pro_bono_icon',
            'label' => 'Pro bono',
            'field' => 'pro_bono_icon',
            'sort' => 'pro_bono',
            'search_field' => '',
            'align' => 'center',
            'width' => '7rem',
            'checked' => true,
            'raw_html' => true,
        ],
        [
            'key' => 'updated_at',
            'label' => 'Modyfikacja',
            'field' => 'updated_at',
            'sort' => 'updated_at',
            'search_field' => '',
            'align' => 'center',
            'width' => '13rem',
            'checked' => true,
        ],
    ];

    $routes = [
        'list' => route('m_admin_organizacje_app_list'),
        'store' => route('m_admin_organizacje_app_store'),
        'update' => route('m_admin_organizacje_app_update', ['id' => '__ID__']),
        'del' => route('m_admin_organizacje_app_delete', ['id' => '__ID__']),
    ];

    $filters = [
        [
            'key' => 'filter_instancja_aktywna',
            'id' => $idPrefix . '_filter_instancja_aktywna',
            'type' => 'select',
            'label' => 'Instancja',
            'placeholder' => '-- wszystkie --',
            'options' => [
                '1' => 'Aktywna',
                '0' => 'Nieaktywna',
            ],
            'value' => '',
        ],
        [
            'key' => 'filter_pro_bono',
            'id' => $idPrefix . '_filter_pro_bono',
            'type' => 'select',
            'label' => 'Pro bono',
            'placeholder' => '-- wszystkie --',
            'options' => [
                '1' => 'Pro bono',
                '0' => 'Standard',
            ],
            'value' => '',
        ],
        [
            'key' => 'filter_nieaktualny',
            'id' => $idPrefix . '_filter_nieaktualny',
            'type' => 'select',
            'label' => 'Nieaktualny',
            'placeholder' => '-- wszystkie --',
            'options' => [
                '0' => 'Nie',
                '1' => 'Tak',
            ],
            'value' => '',
        ],
    ];

    $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';

    $modals = [
        'add' => [
            'modal_selector' => '#' . $modalAddId,
            'form_selector' => '#' . $addFormId,
            'reset_fields' => [
                '#' . $idPrefix . '-add-ids',
                '#' . $idPrefix . '-add-nazwa_pelna',
                '#' . $idPrefix . '-add-nazwa_skrot',
                '#' . $idPrefix . '-add-adres',
                '#' . $idPrefix . '-add-kod',
                '#' . $idPrefix . '-add-miejscowosc',
                '#' . $idPrefix . '-add-logo',
            ],
        ],
        'edit' => [
            'modal_selector' => '#' . $modalEditId,
            'form_selector' => '#' . $editFormId,
            'id_selector' => '#' . $idPrefix . '_edit_id',
            'fields' => [
                '#' . $idPrefix . '-edit-ids' => 'ids',
                '#' . $idPrefix . '-edit-nazwa_pelna' => 'nazwa_pelna',
                '#' . $idPrefix . '-edit-nazwa_skrot' => 'nazwa_skrot',
                '#' . $idPrefix . '-edit-adres' => 'adres',
                '#' . $idPrefix . '-edit-kod' => 'kod',
                '#' . $idPrefix . '-edit-miejscowosc' => 'miejscowosc',
                '#' . $idPrefix . '-edit-logo' => 'logo',
                '#' . $idPrefix . '-edit-instancja_aktywna' => 'instancja_aktywna',
                '#' . $idPrefix . '-edit-pro_bono' => 'pro_bono',
            ],
        ],
        'info' => [
            'modal_selector' => '#' . $modalInfoId,
            'fields' => [
                '#' . $idPrefix . '_info_id' => 'id',
                '#' . $idPrefix . '_info_ids' => 'ids',
                '#' . $idPrefix . '_info_nazwa_pelna' => 'nazwa_pelna',
                '#' . $idPrefix . '_info_nazwa_skrot' => 'nazwa_skrot',
                '#' . $idPrefix . '_info_adres' => 'adres',
                '#' . $idPrefix . '_info_kod' => 'kod',
                '#' . $idPrefix . '_info_miejscowosc' => 'miejscowosc',
                '#' . $idPrefix . '_info_logo' => 'logo',
                '#' . $idPrefix . '_info_instancja_aktywna' => 'instancja_aktywna_label',
                '#' . $idPrefix . '_info_pro_bono' => 'pro_bono_label',
                '#' . $idPrefix . '_info_nieaktualny' => 'nieaktualny_label',
                '#' . $idPrefix . '_info_updated_at' => 'updated_at',
            ],
        ],
        '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="Organizacje App"
        :routes="$routes"
        :columns="$columns"
        :filters="$filters"
        :table-settings-key="'m_admin_organizacje_app_index'"
        :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="id"
        :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="Organizacje App">Organizacje App</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 organizacje APP"
        submit-text="Dodaj"
        submit-class="btn btn-success"
    >
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-ids" class="col-md-4 col-form-label col-form-label-sm text-md-right">IDS</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-ids" type="text" name="ids" class="form-control" maxlength="120" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="ids" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-nazwa_pelna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa pelna</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-nazwa_pelna" type="text" name="nazwa_pelna" class="form-control" maxlength="255" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="nazwa_pelna" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-nazwa_skrot" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa skrot</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-nazwa_skrot" type="text" name="nazwa_skrot" class="form-control" maxlength="255" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="nazwa_skrot" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-adres" class="col-md-4 col-form-label col-form-label-sm text-md-right">Adres</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-adres" type="text" name="adres" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="adres" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-kod" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kod</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-kod" type="text" name="kod" class="form-control" maxlength="40">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="kod" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-miejscowosc" class="col-md-4 col-form-label col-form-label-sm text-md-right">Miejscowosc</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-miejscowosc" type="text" name="miejscowosc" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="miejscowosc" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-logo" class="col-md-4 col-form-label col-form-label-sm text-md-right">Logo</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-add-logo" type="text" name="logo" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="logo" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-add-instancja_aktywna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Instancja aktywna</label>
            <div class="col-md-6">
                <select id="{{ $idPrefix }}-add-instancja_aktywna" name="instancja_aktywna" class="form-control" required>
                    <option value="1" selected>Tak</option>
                    <option value="0">Nie</option>
                </select>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="instancja_aktywna" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row" style="margin-bottom: 4px;">
            <label for="{{ $idPrefix }}-add-pro_bono" class="col-md-4 col-form-label col-form-label-sm text-md-right">Pro bono</label>
            <div class="col-md-6">
                <select id="{{ $idPrefix }}-add-pro_bono" name="pro_bono" class="form-control" required>
                    <option value="0" selected>Nie</option>
                    <option value="1">Tak</option>
                </select>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="pro_bono" style="display:none;"></label>
            </div>
        </div>
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalEditId"
        type="edit"
        :form-id="$editFormId"
        title="Edytuj organizacje APP"
        submit-text="Zapisz"
        submit-class="btn btn-primary"
    >
        <input type="hidden" id="{{ $idPrefix }}_edit_id" name="id" value="">

        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-ids" class="col-md-4 col-form-label col-form-label-sm text-md-right">IDS</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-ids" type="text" name="ids" class="form-control" maxlength="120" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="ids" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-nazwa_pelna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa pelna</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-nazwa_pelna" type="text" name="nazwa_pelna" class="form-control" maxlength="255" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="nazwa_pelna" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-nazwa_skrot" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa skrot</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-nazwa_skrot" type="text" name="nazwa_skrot" class="form-control" maxlength="255" required>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="nazwa_skrot" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-adres" class="col-md-4 col-form-label col-form-label-sm text-md-right">Adres</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-adres" type="text" name="adres" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="adres" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-kod" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kod</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-kod" type="text" name="kod" class="form-control" maxlength="40">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="kod" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-miejscowosc" class="col-md-4 col-form-label col-form-label-sm text-md-right">Miejscowosc</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-miejscowosc" type="text" name="miejscowosc" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="miejscowosc" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-logo" class="col-md-4 col-form-label col-form-label-sm text-md-right">Logo</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}-edit-logo" type="text" name="logo" class="form-control" maxlength="255">
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="logo" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}-edit-instancja_aktywna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Instancja aktywna</label>
            <div class="col-md-6">
                <select id="{{ $idPrefix }}-edit-instancja_aktywna" name="instancja_aktywna" class="form-control" required>
                    <option value="1">Tak</option>
                    <option value="0">Nie</option>
                </select>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="instancja_aktywna" style="display:none;"></label>
            </div>
        </div>
        <div class="form-group row" style="margin-bottom: 4px;">
            <label for="{{ $idPrefix }}-edit-pro_bono" class="col-md-4 col-form-label col-form-label-sm text-md-right">Pro bono</label>
            <div class="col-md-6">
                <select id="{{ $idPrefix }}-edit-pro_bono" name="pro_bono" class="form-control" required>
                    <option value="0">Nie</option>
                    <option value="1">Tak</option>
                </select>
                <label class="label_error my_FormLabelError_2 error ajax-crud-error" data-field="pro_bono" style="display:none;"></label>
            </div>
        </div>
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalInfoId"
        type="info"
        :form-id="$idPrefix . '-form-info'"
        title="Informacja o rekordzie"
        :show-default-footer="true"
    >
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">ID</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_id" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_ids" class="col-md-4 col-form-label col-form-label-sm text-md-right">IDS</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_ids" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_nazwa_pelna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa pelna</label>
            <div class="col-md-6">
                <textarea id="{{ $idPrefix }}_info_nazwa_pelna" rows="2" class="form-control form-control-sm" style="resize:none;" readonly></textarea>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_nazwa_skrot" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa skrot</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_nazwa_skrot" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_adres" class="col-md-4 col-form-label col-form-label-sm text-md-right">Adres</label>
            <div class="col-md-6">
                <textarea id="{{ $idPrefix }}_info_adres" rows="2" class="form-control form-control-sm" style="resize:none;" readonly></textarea>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_kod" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kod</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_kod" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_miejscowosc" class="col-md-4 col-form-label col-form-label-sm text-md-right">Miejscowosc</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_miejscowosc" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_logo" class="col-md-4 col-form-label col-form-label-sm text-md-right">Logo</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_logo" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_instancja_aktywna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Instancja aktywna</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_instancja_aktywna" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_pro_bono" class="col-md-4 col-form-label col-form-label-sm text-md-right">Pro bono</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_pro_bono" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row">
            <label for="{{ $idPrefix }}_info_nieaktualny" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nieaktualny</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_nieaktualny" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
        <div class="form-group row" style="margin-bottom: 4px;">
            <label for="{{ $idPrefix }}_info_updated_at" class="col-md-4 col-form-label col-form-label-sm text-md-right">Modyfikacja</label>
            <div class="col-md-6">
                <input id="{{ $idPrefix }}_info_updated_at" type="text" class="form-control form-control-sm" readonly>
            </div>
        </div>
    </x-global-form-modal>

    <x-global-form-modal
        :modal-id="$modalDeleteId"
        type="delete"
        :form-id="$deleteFormId"
        title="Usun wybrany rekord"
        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 for="{{ $idPrefix }}_delete_id_view" class="col-form-label col-form-label-sm text-right" style="margin-right:8px;">ID:</label>
            <input id="{{ $idPrefix }}_delete_id_view" 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