@extends('layouts.site')
@php
    $my_name_view = 'SZKOL - Lista pytan';
    $my_short_view_name = 'Lista pytan';
@endphp
@section('title', 'SZKOL - Lista pytan')

@php
    $questionTypeOptions = [
        'single_choice' => 'Jednokrotny wybor',
        'multiple_choice' => 'Wielokrotny wybor',
        'true_false' => 'Prawda/Falsz',
        'short_answer' => 'Krotka odpowiedz',
        'matching' => 'Dopasowywanie',
    ];

    $columns = [
        [
            'key' => 'id',
            'label' => 'ID',
            'field' => 'id',
            'sort' => 'id',
            'search_field' => 'id',
            'align' => 'center',
            'width' => '6rem',
            'checked' => true,
        ],
        [
            'key' => 'nazwa',
            'label' => 'Nazwa / Tresc',
            'field' => 'nazwa_label',
            'sort' => 'nazwa',
            'search_field' => 'nazwa_or_tresc',
            'align' => 'left',
            'checked' => true,
        ],
        [
            'key' => 'typ_pytania',
            'label' => 'Typ',
            'field' => 'typ_pytania_label',
            'sort' => 'typ_pytania',
            'search_field' => 'typ_pytania',
            'align' => 'center',
            'width' => '12rem',
            'checked' => true,
        ],
        [
            'key' => 'kategoria_nazwa',
            'label' => 'Kategoria',
            'field' => 'kategoria_nazwa',
            'sort' => 'kategoria_nazwa',
            'search_field' => 'kategoria_nazwa',
            'align' => 'left',
            'checked' => true,
        ],
        [
            'key' => 'status_aktywny',
            'label' => 'Status',
            'field' => 'status_aktywny_label',
            'sort' => 'status_aktywny',
            'search_field' => 'status_aktywny',
            'align' => 'center',
            'width' => '10rem',
            'checked' => true,
        ],
        [
            'key' => 'has_image',
            'label' => 'Grafika',
            'field' => 'has_image_icon',
            'sort' => 'has_image',
            'search_field' => 'has_image',
            'align' => 'center',
            'width' => '9rem',
            'html' => true,
            'checked' => true,
        ],
        [
            'key' => 'updated_at',
            'label' => 'Modyfikacja',
            'field' => 'updated_at',
            'sort' => 'updated_at',
            'search_field' => 'updated_at',
            'align' => 'center',
            'width' => '13rem',
            'nowrap' => true,
            'checked' => true,
        ],
    ];

    $categoryOptions = [];
    foreach ($categories as $category) {
        $categoryOptions[(string) $category->id] = (string) $category->nazwa;
    }

    $filters = [
        [
            'key' => 'typ_pytania',
            'label' => 'Typ',
            'type' => 'select',
            'placeholder' => '-- wszystkie --',
            'options' => $questionTypeOptions,
            'value' => '',
        ],
        [
            'key' => 'id_kategoria',
            'label' => 'Kategoria',
            'type' => 'select',
            'placeholder' => '-- wszystkie --',
            'options' => $categoryOptions,
            'value' => '',
        ],
        [
            'key' => 'status_aktywny',
            'label' => 'Status',
            'type' => 'select',
            'placeholder' => '-- wszystkie --',
            'options' => [
                '1' => 'Aktywne',
                '0' => 'Nieaktywne',
            ],
            'value' => '',
        ],
        [
            'key' => 'has_image',
            'label' => 'Grafika',
            'type' => 'select',
            'placeholder' => '-- wszystkie --',
            'options' => [
                '1' => 'Z grafika',
                '0' => 'Bez grafiki',
            ],
            'value' => '',
        ],
    ];

    $routes = [
        'list' => route('m_szkol_baza_pytan_component_list'),
    ];
@endphp

@section('content')
    <x-ajax-crud-table
        id-prefix="szkol_pytania_grid"
        title="Bank pytan - Lista pytan"
        :routes="$routes"
        :columns="$columns"
        :filters="$filters"
        table-settings-key="m_szkol_baza_pytan_component"
        :close-href="url('/m_szkol')"
        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 na widoku."
        :column-selector-counter="false"
        :default-per-page="15"
        action-column-width="10rem"
        row-id-key="id"
        :active-row-value="$activeRowValue ?? '0'"
        :show-export="false"
        :actions="[
            'info' => false,
            'edit' => false,
            'delete' => false
        ]"
        :action-buttons="[
            [
                'key' => 'preview',
                'title' => 'Podglad',
                'icon' => 'fas fa-eye',
                'button_class' => 'btn new-btn-info btn_table new-btn-border-1',
                'handler' => 'url',
                'url' => '/szkolenia/admin/questions/__ID__'
            ],
            [
                'key' => 'edit',
                'title' => 'Edytuj',
                'icon' => 'fa fa-edit',
                'button_class' => 'btn new-btn-primary btn_table new-btn-border-1',
                'handler' => 'url',
                'url' => '/szkolenia/admin/questions/__ID__/edit'
            ]
        ]"
        :action-order="[
            'custom:preview',
            'custom:edit'
        ]"
    />
@endsection

@section('navbar')
    @include('sites.szkol._navbar_szkol')
@endsection

@section('menu')
    @include('sites.szkol.menu_szkol')
@endsection

@push('scripts')
    <script>
        (function () {
            var createUrl = @json(route('szkolenia.questions.create'));
            $(document).on('click', '.szkol_pytania_grid-btn-add-trigger', function (event) {
                event.preventDefault();
                event.stopImmediatePropagation();
                window.location.href = createUrl;
            });
        })();
    </script>
@endpush