@extends('sites._global_forms.form_modal_add')

@php
    $modal_id = 'ModalForm_add';
    $form_id = 'form_add';
    $route_address_add = 'm_szkol_proces_szkolenia_form_add_save';
    $click_event_name = '.open_modal_add';
    $add_submit_class = 'btn-success';
    $add_submit_text = 'Dodaj Nowy';
    $add_show_record_id = false;

    $i = 1;
    if (isset($_GET['page'])) {
        $page = $_GET['page'];
        if ($page > 1) {
            $i = (($page - 1) * 10) + 1;
        }
    }

    $dzialy = DB::table('sw020_komorki_organizacyjne')->get();

    $pracownik_dzial = DB::table('v021_pracownicy_w_dziale')
        ->where('v021_osoba_id', Auth::user()->id)
        ->get();

    if (Auth::user()->pracownik_id) {
        $pracownik_dzial = DB::table('t021_pracownicy_w_dziale')
            ->where('pracownik_id', Auth::user()->pracownik_id)
            ->whereNotNull('status')
            ->first();
        $zalogowany_pracownik_id = $pracownik_dzial->pracownik_id;
    } else {
        $pracownik_dzial = null;
    }

    $forma_0_value = null;
    $forma_1_value = null;
@endphp

@section('form_body_add')
    <input id="id" type="hidden" class="form-control form-control-sm" name="id" value="{{ old('id') }}">
    <input type="hidden" class="form-control form-control-sm" name="user_id" value="{{ Auth::user()->id ?? '' }}">
    <input id="created_kko_id" type="hidden" class="form-control form-control-sm" name="created_kko_id" value="{{ $pracownik_dzial->id ?? '' }}">

    @if (Auth::user()->rola_admin == 1)
        <div class="form-group row">
            <label for="id_view" class="col-md-4 col-form-label col-form-label-sm text-md-right">Id</label>
            <div class="col-md-6">
                <input id="id_view" type="text" class="form-control form-control-sm" name="id_view" value="{{ old('id') }}" disabled>
            </div>
        </div>
    @endif

    <div class="form-group row">
        <label for="id_obszar" class="col-md-4 col-form-label col-form-label-sm text-md-right">Obszar Szkolenia:</label>
        <div class="col-md-6">
            @php
                $org_ids = DB::table('sw000_organizacja')->whereNull('nieaktualny')->first('ids');
                $ids = $org_ids->ids ?? null;

                $obszary = DB::connection('mysql-2')
                    ->table('v010_obszary_organizacji')
                    ->where('status_aktywacji', '1')
                    ->where('org_ids', $ids)
                    ->get();

                $id_obszar = old('id_obszar');
            @endphp
            <select id="id_obszar" required name="id_obszar" class="form-control">
                <option value="">-- Wybierz --</option>
                <option {{ ((string) $id_obszar === '__NULL__') ? 'selected' : '' }} value="__NULL__">Inne</option>
                @foreach ($obszary as $obszar)
                    <option {{ ((string) $obszar->obszar_id === (string) $id_obszar) ? 'selected' : '' }} value="{{ $obszar->obszar_id }}">{{ $obszar->obszar_nazwa_skrot }} - {{ $obszar->obszar_nazwa }}</option>
                @endforeach
            </select>
            <label id="id_obszar-error" class="label_error my_FormLabelError_2 error" for="id_obszar"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="id_rodzaj" class="col-md-4 col-form-label col-form-label-sm text-md-right">Rodzaj Szkolenia:</label>
        <div class="col-md-6">
            @php
                $rodzaje = DB::connection('mysql-2')->table('zs050_rodzaj_szkolenia')->get();
                $id_rodzaj = 0;
            @endphp
            <select id="id_rodzaj" required name="id_rodzaj" class="form-control" onchange="my_ChangeValueSelect_forma()">
                <option value="">-- Wybierz --</option>
                @foreach ($rodzaje as $rodzaj)
                    <option {{ ($rodzaj->id == $id_rodzaj) ? 'selected' : '' }} value="{{ $rodzaj->id }}">{{ $rodzaj->nazwa }}</option>
                @endforeach
            </select>
            <label id="id_rodzaj-error" class="label_error my_FormLabelError_2 error" for="id_rodzaj"></label>
        </div>
    </div>

    <div class="form-group row d-none" id="div_ko_id">
        <label for="id_ko" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kom&oacute;rka Organizacyjna:</label>
        <div class="col-md-6">
            @php
                $komorki_org = DB::table('sw020_komorki_organizacyjne')->get();
                $komorka_id = 0;
            @endphp
            <select id="id_ko" name="id_ko" class="form-control" required>
                <option value="">-- Wybierz --</option>
                @foreach ($komorki_org as $komorka)
                    <option {{ ($komorka->id == $komorka_id) ? 'selected' : '' }} value="{{ $komorka->id }}">{{ $komorka->nazwa_skrot }} - {{ $komorka->nazwa_pelna }}</option>
                @endforeach
            </select>
            <label id="id_ko-error" class="label_error my_FormLabelError_2 error" for="id_ko"></label>
        </div>
    </div>

    <div class="">
        <div class="form-group form-inline" style="align-items: flex-start;">
            <label class="my_FormLabelCheckbox col-md-4" for="forma_szkolenia">Forma szkolenia:</label>
            <div id="CheckBoxGroupFrame_forma_1" class="form-check form-check-inline my_GroupCheckBoxes2">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="forma_1" value="forma_0" name="checkbox_FormaSzkolenia[]" onclick="my_ChangeValueCheckbox_forma(this)" {{ $forma_0_value == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="forma_1">e-Learning</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="forma_2" value="forma_1" name="checkbox_FormaSzkolenia[]" onclick="my_ChangeValueCheckbox_forma(this)" {{ $forma_1_value == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="forma_2">Stacjonarne</label>
                </div>
                <label id="checkbox_FormaSzkolenia[]-error" class="label_error my_CheckBoxErrorOpis error" for="checkbox_FormaSzkolenia[]"></label>
            </div>
        </div>
    </div>

    <div class="form-group row">
        <label for="miejsce_szkolenia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Miejsce szkolenia:</label>
        <div class="col-md-6">
            <input id="miejsce_szkolenia" class="form-control" type="text" placeholder="Miejsce szkolenia" value="{{ old('miejsce_szkolenia') }}" name="miejsce_szkolenia" required>
            <label id="miejsce_szkolenia-error" class="label_error my_FormLabelError_2 error" for="miejsce_szkolenia"></label>
        </div>
    </div>

    <div class="form-group row" style="display: flex;">
        <label for="data_szkolenia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Data szkolenia:</label>
        <div class="col-md-6 row" style="margin-left: unset;">
            <input class="form-control form-control-sm datepicker" type="text" placeholder="YYYY-MM-DD" value="{{ old('data_szkolenia') }}" id="data_szkolenia" name="data_szkolenia" style="width: 230px; z-index: 1;" required>
            <div class="input-group-append">
                <span id="datepickericon_data_szkolenia" class="input-group-text end_date_calendar" aria-hidden="true"><i class="far fa-calendar-alt"></i></span>
            </div>
            <label id="data_szkolenia-error" class="label_error my_FormLabelErrorData_2 error" style="display: inherit;" for="data_szkolenia"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="godzina_start" class="col-md-4 col-form-label col-form-label-sm text-md-right">Godzina rozpoczęcia:</label>
        <div class="col-md-6">
            <input id="godzina_start" class="form-control" type="time" step="60" value="{{ old('godzina_start', '08:00') }}" name="godzina_start" required>
            <label id="godzina_start-error" class="label_error my_FormLabelError_2 error" for="godzina_start"></label>
        </div>
    </div>

    <div class="form-group row" style="display: flex;">
        <label for="data_do" class="col-md-4 col-form-label col-form-label-sm text-md-right">Data zakończenia:</label>
        <div class="col-md-6 row" style="margin-left: unset;">
            <input class="form-control form-control-sm datepicker" type="text" placeholder="YYYY-MM-DD" value="{{ old('data_do') }}" id="data_do" name="data_do" style="width: 230px; z-index: 1;">
            <div class="input-group-append">
                <span id="datepickericon_data_do" class="input-group-text end_date_calendar" aria-hidden="true"><i class="far fa-calendar-alt"></i></span>
            </div>
            <label id="data_do-error" class="label_error my_FormLabelErrorData_2 error" style="display: inherit;" for="data_do"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="godzina_stop" class="col-md-4 col-form-label col-form-label-sm text-md-right">Godzina zakończenia:</label>
        <div class="col-md-6">
            <input id="godzina_stop" class="form-control" type="time" step="60" value="{{ old('godzina_stop', '16:00') }}" name="godzina_stop">
            <label id="godzina_stop-error" class="label_error my_FormLabelError_2 error" for="godzina_stop"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="czas_trwania" class="col-md-4 col-form-label col-form-label-sm text-md-right">Czas trwania szkolenia:</label>
        <div class="col-md-6">
            <input id="czas_trwania" class="form-control" type="text" placeholder="60 min. / 6 godz." value="{{ old('czas_trwania') }}" name="czas_trwania" required>
            <label id="czas_trwania-error" class="label_error my_FormLabelError_2 error" for="czas_trwania"></label>
        </div>
    </div>

    <div class="form-group row mb-4 ">
        <label for="osoba_szkolaca" class="col-md-4 col-form-label col-form-label-sm text-md-right">Osoba szkol&#261;ca:</label>
        <div class="col-md-6">
            <input id="osoba_szkolaca" class="form-control" type="text" placeholder="Jan Kowalski" value="{{ old('osoba_szkolaca') }}" name="osoba_szkolaca" required>
            <label id="osoba_szkolaca-error" class="label_error my_FormLabelError_2 error" for="osoba_szkolaca"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="temat_szkolenia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Temat szkolenia:</label>
        <div class="col-md-6">
            <textarea id="temat_szkolenia" name="temat_szkolenia" class="form-control @error('temat_szkolenia') is-invalid @enderror" rows="2" placeholder="Temat szkolenia ..." style="resize: none;" autofocus>{{ old('temat_szkolenia') }}</textarea>
            <label id="temat_szkolenia-error" class="label_error my_FormLabelError_2 error" for="temat_szkolenia"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="cel_szkolenia_opis" class="col-md-4 col-form-label col-form-label-sm text-md-right">Cel szkolenia - Opis:</label>
        <div class="col-md-6">
            <textarea id="cel_szkolenia_opis" name="cel_szkolenia_opis" class="form-control @error('cel_szkolenia_opis') is-invalid @enderror" rows="3" placeholder="Cel szkolenia - opis ..." style="resize: none;" autofocus>{{ old('cel_szkolenia_opis') }}</textarea>
            <label id="cel_szkolenia_opis-error" class="label_error my_FormLabelError_2 error" for="cel_szkolenia_opis"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="status_aktualny" class="col-md-4 col-form-label col-form-label-sm text-md-right">Status szkolenia:</label>
        <div class="col-md-6">
            @php
                $status_aktualny = '';
            @endphp
            <select id="status_aktualny" required name="status_aktualny" class="form-control">
                <option value="">-- Wybierz --</option>
                <option {{ ($status_aktualny) == '1' ? 'selected' : '' }} value="1">W przygotowaniu</option>
                <option {{ ($status_aktualny) == '2' ? 'selected' : '' }} value="2">Zatwierdzone</option>
                <option {{ ($status_aktualny) == '3' ? 'selected' : '' }} value="3">Wykonane</option>
                <option {{ ($status_aktualny) == '4' ? 'selected' : '' }} value="4">Anulowane</option>
            </select>
            <label id="status_aktualny-error" class="label_error my_FormLabelError_2 error" for="status_aktualny"></label>
        </div>
    </div>
@endsection

@section('java_script_add')
<script src="{{ asset('/library/jquery-validation/dist/jquery.validate.min.js') }}"></script>
<script src="{{ asset('/library/jquery-validation/dist/additional-methods.min.js') }}"></script>
<script src="{{ asset('/library/jquery-validation/dist/localization/messages_pl.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#form_add').validate({
            rules: {
                id_obszar: {
                    required: false
                },
                id_rodzaj: {
                    required: true
                },
                id_ko: {
                    required: true
                },
                miejsce_szkolenia: {
                    required: false,
                    minlength: 5
                },
                data_szkolenia: {
                    required: true
                },
                godzina_start: {
                    required: true
                },
                data_do: {
                    required: false
                },
                godzina_stop: {
                    required: false
                },
                czas_trwania: {
                    required: false
                },
                osoba_szkolaca: {
                    required: false,
                    minlength: 5
                },
                temat_szkolenia: {
                    required: true,
                    minlength: 10
                },
                cel_szkolenia_opis: {
                    required: false,
                    minlength: 15
                },
                status_aktualny: {
                    required: true
                },
                'checkbox_FormaSzkolenia[]': {
                    required: false
                }
            },
            onfocusout: function(element) {
                if ($(element).val()) {
                    $(element).valid();
                }
            },
            highlight: function(element) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid');
                $(element).addClass('error');

                if ($(element).hasClass('error')) {
                    $('#CheckBoxGroupFrame_' + element.id).addClass('error2');
                }
                if ($('#CheckBoxGroupFrame_' + element.id).hasClass('error2')) {
                    $(element).removeClass('error');
                }
            },
            unhighlight: function(element) {
                $(element.form).find('.actions').removeClass('form-error');
                $(element).removeClass('error');
                $(element).addClass('valid');
            },
            submitHandler: function (form) {
                form.submit();
            }
        });
    });

    function my_ChangeValueCheckbox_forma(o) {
        var forma_checkboxes = document.getElementsByName('checkbox_FormaSzkolenia[]');
        for (var i = 0, n = forma_checkboxes.length; i < n; i++) {
            forma_checkboxes[i].checked = false;
        }
        document.getElementById(o.id).checked = true;
        $('#CheckBoxGroupFrame_forma_1').removeClass('error2');
    }

    function my_ChangeValueSelect_forma() {
        var v = document.getElementById('id_rodzaj').value;
        if (v == 3) {
            $('#div_ko_id').removeClass('d-none');
        } else {
            $('#div_ko_id').addClass('d-none');
        }
    }

    $('.datepicker').datepicker({
        language: 'pl',
        format: 'yyyy-mm-dd',
        todayBtn: true,
        todayHighlight: true,
        calendarWeeks: true,
        autoclose: true
    });

    $('#data_szkolenia').datepicker();
    $('#data_do').datepicker();

    $(document).ready(function () {
        $('#datepickericon_data_szkolenia').click(function () {
            $('#data_szkolenia.datepicker').focus();
        });
        $('#datepickericon_data_do').click(function () {
            $('#data_do.datepicker').focus();
        });
    });
</script>
@endsection