@extends('sites._global_forms.form_modal_edit')

@php
    $modal_id = 'ModalForm_edit';
    $route_address_edit = 'm_odo_proces_szkolenia_form_edit_save';
    $route_params_edit = [$data->id];
    $click_event_name = '.open_modal_edit';
    $bind_open_handler = false;
    $rekord_id = $data->id;

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

@section('form_body_edit')
    <input id="id" type="hidden" class="form-control form-control-sm" name="id" value="{{ $data->id }}">
    <input id="user_id" type="hidden" class="form-control form-control-sm" name="user_id" value="{{ Auth::user()->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="{{ $data->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();
            @endphp
            <select id="id_obszar" name="id_obszar" class="form-control">
                <option value="">-- Wybierz --</option>
                <option
                    {{ (is_null($data->obszar_szkolenia) || (string) $data->obszar_szkolenia === '' || (string) $data->obszar_szkolenia === '__NULL__') ? 'selected' : '' }}
                    value="__NULL__"
                >
                    Inne
                </option>
                @foreach ($obszary as $obszar)
                    <option {{ ((string) $obszar->obszar_id === (string) $data->obszar_szkolenia) ? '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();
            @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 == $data->rodzaj_szkolenia) ? '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&#243;rka Organizacyjna:</label>
        <div class="col-md-6">
            @php
                $komorki_org = DB::table('sw020_komorki_organizacyjne')->get();
                $komorka_id = $data->szkolenie_dla_ko_id;
            @endphp
            <select id="id_ko" name="id_ko" class="form-control">
                <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>
        @php
            $forma_0_value = $forma_1_value = null;
            if ($data->forma_szkolenia == 0) {
                $forma_0_value = 1;
            } elseif ($data->forma_szkolenia == 1) {
                $forma_1_value = 1;
            }
        @endphp
        <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">
            <div class="d-flex align-items-center">
                <input id="miejsce_szkolenia" type="text" class="form-control" placeholder="Miejsce szkolenia" value="{{ $data->miejsce_szkolenia }}" name="miejsce_szkolenia">
                <input id="miejsce_szkolenia_hidden" type="hidden" value="">
                <div class="form-check ml-2 mb-0" style="white-space: nowrap;">
                    <input class="form-check-input mt-1" type="checkbox" id="miejsce_szkolenia_wewnetrzne">
                    <label class="form-check-label" for="miejsce_szkolenia_wewnetrzne">Szkolenie Wewn&#281;trzne</label>
                </div>
            </div>
            <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="{{ date('Y-m-d', strtotime($data->data)) }}" 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" type="time" class="form-control" value="{{ old('godzina_start', !empty($data->godzina_start) ? substr((string) $data->godzina_start, 0, 5) : '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', !empty($data->data_do) ? date('Y-m-d', strtotime($data->data_do)) : null) }}" 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" type="time" class="form-control" value="{{ old('godzina_stop', !empty($data->godzina_stop) ? substr((string) $data->godzina_stop, 0, 5) : '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" type="text" class="form-control" placeholder="60 min. / 6 godz." value="{{ $data->czas_trwania }}" name="czas_trwania">
            <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ąca:</label>
        <div class="col-md-6">
            <input id="osoba_szkolaca" type="text" class="form-control" placeholder="Jan Kowalski" value="{{ $data->osoba_szkolaca }}" name="osoba_szkolaca">
            <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;">{{ $data->temat }}</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">Zakres upoważnienia - 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;">{{ $data->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 = $data->status;
            @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_edit')
<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_edit').validate({
            rules: {
                id_obszar: {
                    required: true
                },
                id_rodzaj: {
                    required: true,
                    date: true
                },
                id_ko: {
                    required: true
                },
                miejsce_szkolenia: {
                    required: true,
                    minlength: 5
                },
                data_szkolenia: {
                    required: true
                },
                godzina_start: {
                    required: true
                },
                data_do: {
                    required: false
                },
                godzina_stop: {
                    required: false
                },
                czas_trwania: {
                    required: true
                },
                osoba_szkolaca: {
                    required: true,
                    minlength: 5
                },
                temat_szkolenia: {
                    required: true,
                    minlength: 10
                },
                cel_szkolenia_opis: {
                    required: true,
                    minlength: 15
                },
                status_aktualny: {
                    required: true
                },
                "checkbox_FormaSzkolenia[]": {
                    required: true
                }
            },
            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();
            }
        });

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

    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');
        }
    }

    function normalizePlaceValue(v) {
        return (v || '')
            .toString()
            .trim()
            .toLowerCase()
            .replace(/[\u0105\u0107\u0119\u0142\u0144\u00f3\u015b\u017a\u017c]/g, function (m) {
                return {
                    '\u0105': 'a',
                    '\u0107': 'c',
                    '\u0119': 'e',
                    '\u0142': 'l',
                    '\u0144': 'n',
                    '\u00f3': 'o',
                    '\u015b': 's',
                    '\u017a': 'z',
                    '\u017c': 'z'
                }[m] || m;
            });
    }

    function syncInternalTrainingPlace(useInitialDetection) {
        var INTERNAL_PLACE_VALUE = 'Szkolenie Wewn\u0119trzne';
        var $placeInput = $('#miejsce_szkolenia');
        var $placeHidden = $('#miejsce_szkolenia_hidden');
        var $checkbox = $('#miejsce_szkolenia_wewnetrzne');

        if (!$placeInput.length || !$placeHidden.length || !$checkbox.length) {
            return;
        }

        if (useInitialDetection === true) {
            $checkbox.prop('checked', normalizePlaceValue($placeInput.val()) === 'szkolenie wewnętrzne');
        }

        if ($checkbox.is(':checked')) {
            $placeInput.val(INTERNAL_PLACE_VALUE).prop('disabled', true);
            $placeHidden.attr('name', 'miejsce_szkolenia').val(INTERNAL_PLACE_VALUE);
        } else {
            $placeInput.prop('disabled', false);
            $placeHidden.removeAttr('name').val('');
            if (useInitialDetection !== true) {
                $placeInput.val('');
            }
        }
    }

    $('#miejsce_szkolenia_wewnetrzne').on('change', function () {
        syncInternalTrainingPlace(false);
    });

    syncInternalTrainingPlace(true);

    $('.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