@php
    $rejestr = DB::table('t051_szkolenia')->get();

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

<!--/* Modal */-->
    <div class="modal fade show" id="ModalForm_edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" >
        <div class="modal-dialog my_modal_dialog" role="document">
            <div class="modal-content" style="border-radius: 15px;">
                <form  id="form_edit-{{ $data->id }}" action="{{ route('m_odo_proces_szkolenia_form_edit_save', [$data->id]) }}" method="POST" >

                    @csrf
                    <div class="modal-header card-header card_edit" style="border-radius: 15px 15px 0 0;">
                        <h5 class="modal-title" id="exampleModalCenterTitle">Edycja - Szkolenie</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body text-lg-center">

                        <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" class="col-md-4 col-form-label col-form-label-sm text-md-right">Id</label>

                                <div class="col-md-6">
                                <input type="text" class="form-control form-control-sm" name="id" value="{{ $data->id }}" >
                                </div>
                            </div>
                        @endif


                        <!-- /* Obszar szkolenia */ -->
                        <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
                                    $obszary = DB::connection('mysql-2')
                                    ->table('zs001_obszary')
                                    ->where('aktywny', '1')
                                    ->get();

                                @endphp
                                <select id="id_obszar" name="id_obszar" class="form-control" >
                                    <option value="">-- Wybierz --</option>
                                    @foreach ( $obszary as $obszar)
                                        <option {{ ($obszar->id ==  $data->obszar_szkolenia) ? 'selected' : '' }}  value="{{ $obszar->id }}">{{ $obszar->nazwa_pelna }}</option>
                                    @endforeach
                                </select>
                                <label id="id_obszar-error" class="label_error my_FormLabelError_2 error" for="id_obszar"></label>
                            </div>
                        </div>

                        <!-- /* Rodzaj szkolenia */ -->
                        <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>


                        {{-- Komórka Organizacyjna --}}
                        <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ó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>


                        <!-- /* Forma szkolenia */ -->
                        <div class="">
                            @php
                                $forma_0_value = $forma_1_value = null;
                                //echo $data->forma_szkolenia;
                                if($data->forma_szkolenia == 0){
                                    $forma_0_value = 1;
                                }else if($data->forma_szkolenia == 1){
                                    $forma_1_value = 1;
                                }else{}
                            @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_0">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="inlineCheckbox2">Stacjonarne</label>
                                    </div>
                                    <label id="checkbox_FormaSzkolenia[]-error" class="label_error my_CheckBoxErrorOpis error" for="checkbox_FormaSzkolenia[]"></label>
                                </div>
                            </div>
                        </div>

                        <!-- /* Miejsce szkolenia */ -->
                        <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" type="text" class="form-control" type="text" placeholder="Miejsce szkolenia" value="{{ $data->miejsce_szkolenia }}" name="miejsce_szkolenia" >
                                <label id="miejsce_szkolenia-error" class="label_error my_FormLabelError_2 error" for="miejsce_szkolenia"></label>
                            </div>
                        </div>

                        <!-- /* Data szkolenia */ -->
                        <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>


                        <!-- /* Czas trwania szkolenia */ -->
                        <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" type="text" 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>

                        <!-- /* Osoba szkoląca */ -->
                        <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" type="text" 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>

                        <!-- /* Temat szkolenia */ -->
                        <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>

                        <!-- /* Cel szkolenia - opis */ -->
                        <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>


                        <!-- /* Status Szkolenia */ -->
                        <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>



                    </div>
                    <div class="modal-footer" style="justify-content: center !important;">

                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Anuluj</button>
                        <button type="submit" class="btn btn-primary">Zapisz</button>

                    </div>
                </form>
            </div>
        </div>
    </div>
<!--/* END-Modal */-->

<!-- /* Walidator */ -->

<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({ // initialize the plugin
            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,
                },
                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, errorClass, validClass) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid');
                $(element).addClass('error');


                console.log(element.id);
                if ($(element).hasClass("error")) {
                    $("#CheckBoxGroupFrame_" + element.id).addClass('error2');
                    //$(element).removeClass('error');
                }
                if ($("#CheckBoxGroupFrame_" + element.id).hasClass("error2")) {
                    $(element).removeClass('error');
                }

            },
            unhighlight: function(element, errorClass, validClass) {
                $(element.form).find('.actions').removeClass('form-error');
                $(element).removeClass('error');
                $(element).addClass('valid');
            },
            submitHandler: function (form) { // for demo
                //alert('valid form submitted'); // for demo
                form.submit();
                //return false; // for demo
            }
        });





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



    });

/*
    $( "#kontakt_data" ).change(function() {
        $( "#kontakt_data" ).removeClass('error');
        $( "#kontakt_data-error" ).prop("hidden",true); // Włącza elementy formularza

    });
*/


function my_ChangeValueCheckbox_forma(o){
    var o;

    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"); // Set Disable style
}


function my_ChangeValueSelect_forma(){
    var v = document.getElementById("id_rodzaj").value;
    if(v == 3){
        $("#div_ko_id").removeClass("d-none"); // Set Disable style
    }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();

    $(document).ready(function () {
        $('#datepickericon_data_szkolenia').click(function () {
            $("#data_szkolenia.datepicker").focus();
        });
    });


</script>