@extends('sites._global_forms.form_modal_edit')
@php
    use App\Models\ODO\Zgloszenia\zs045_RodzajeZgloszen;
    $rodzaje_zgloszen = zs045_RodzajeZgloszen::get();
@endphp

@php
    $modal_id = "ModalForm_edit"; //"ModalForm_proces_delete";
    $route_address = "m_odo_zgl_wszystkie_zgloszenia_odo_form_save"; // route_address //m_admin_procesy_form_delete";
        // m_odo_zgl_kontakt_iod_form_save
        // m_odo_zgl_naruszenie_form_save
        // m_odo_zgl_nowy_proces_form_save
    $click_event_name = ".open_modal_edit"; //".open_modal_delete";
    $table_detail_controller_address = "t045_Zgloszenia_detail"; // Adres pliku Table-detail
    $site_back = null;
    $rekord_id = null;
@endphp

{{-- W tej sekcji umieszczamy tylko dane ( bez formularza ) --}}

@section('form_body_edit')
    <!--/* Modal */-->
        <input id="modal_edit_id" type="hidden" class="form-control form-control-sm" name="modal_edit_id" value="">
        <input id="modal_edit_rodzaj_zgloszenia" type="hidden" class="form-control form-control-sm" name="modal_edit_rodzaj_zgloszenia" value="">
        <input id="modal_edit_status" type="hidden" class="form-control form-control-sm" name="modal_edit_status" value="">
        <input id="modal_edit_user_id" type="hidden" class="form-control form-control-sm" name="modal_edit_user_id" value="">
        <input id="modal_edit_ko_id" type="hidden" class="form-control form-control-sm" name="modal_edit_ko_id" value="">


        <div class="form-group row">
            <label for="nazwa_imie" class="col-md-4 col-form-label col-form-label-sm text-md-right table_modal_window">Rodzaj Zgłoszenia:</label>
            <div class="col-md-6 text-left table_modal_window">
                <h3 id="modal_edit_rodzaj_zgloszenia_nazwa" style="font-weight: bold;"></h3>
            </div>
        </div>

        <hr/>

        <div id="modal_edit_subform_123" hidden> {{-- rodzaj_zgloszenia == 1 --}}
            {{-- div_include_kontakt_iod --}}
           @include('sites.odo.zgloszenia.form_modal_edit_include_kontakt_iod')
        </div>
        <div id="modal_edit_subform_4" hidden> {{-- rodzaj_zgloszenia == 3 --}}
            {{-- div_include_naruszenie --}}
            @include('sites.odo.zgloszenia.form_modal_edit_include_naruszenie')
        </div>


    <!--/* END-Modal */-->
@endsection


@section('java_script_edit')

    <script type="text/javascript">

        var click_event_name = null;
        var rodzaje_zgloszen = null;


        $(document).on('click',click_event_name,function(){
            var modal_id = null;
            var url = null;
            //console.log(rodzaje_zgloszen);

            var id = $(this).val();

            // Weryfikuje czy url jest ok - wymagane przy "form_info"
            if(typeof url_info != 'undefined'){
                var url = url_info + url;
            }

            /* Pobieram dane z DB i podstawiam do formularza */
            $.get(url + '/' + id, function (data) {

                let rodzaj_zgloszenia = rodzaje_zgloszen.find(element => element.id == data.rodzaj_zgloszenia);
                //console.log(data);
                $('#modal_edit_id').val(data.id);
                $('#modal_edit_rodzaj_zgloszenia').val(data.rodzaj_zgloszenia);
                $('#modal_edit_show_id').val(data.id);
                $('#modal_edit_status').val(data.status);
                $('#modal_edit_created_at').val(data.created_at);
                $('#modal_edit_opis').html(data.opis);
                $('#modal_edit_user_id').val(data.user_id);
                $('#modal_edit_ko_id').val(data.ko_id);


                // Kontakt IOD - inc-1, inc-2, inc-3
                $('#modal_edit_kontakt_temat').val(data.opis);
                $('#modal_edit_kontakt_data').val(data.kontakt_data);
                $('#modal_edit_kontakt_telefon').val(data.kontakt_telefon);

                // Kontakt IOD - inc-4
                $('#modal_edit_naruszenie_opis').val(data.opis);
                $('#modal_edit_naruszenie_data').val(data.kontakt_data);
                $('#modal_edit_naruszenie_time').val(data.naruszenie_time);
                $('#modal_edit_naruszenie_telefon').val(data.kontakt_telefon);

                //console.log(rodzaj_zgloszenia.id, rodzaj_zgloszenia.nazwa);
                $('#modal_edit_rodzaj_zgloszenia_nazwa').html(rodzaj_zgloszenia.nazwa);

                if(rodzaj_zgloszenia.id == 4){
                    $('#modal_edit_subform_123').attr("hidden",true);
                    $('#modal_edit_subform_4').attr("hidden",false);
                    //document.getElementById('element').style.visibility = 'hidden'
                }else{
                    $('#modal_edit_subform_123').attr("hidden",false);
                    $('#modal_edit_subform_4').attr("hidden",true);
                }

            })
        });

    /* Kontakt IOD */



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

        $('#datepicker_icon_naruszenie').click(function () {
            $("#modal_edit_naruszenie_data.datepicker").focus();
            //$("#modal_edit_naruszenie_time.clockpicker").focus();
        });

        $('#timepicker_icon_naruszenie').click(function () {
            $("#modal_edit_naruszenie_time.clockpicker").focus();
            //$("#modal_edit_naruszenie_time").focus();
            //document.getElementById('modal_edit_naruszenie_time.clockpicker').focus();
        });
    });


    $(document).ready(function () {

        $('#form_edit').validate({ // initialize the plugin
            rules: {
                // Kontakt
                modal_edit_kontakt_temat: {
                    required: true,
                    minlength: 5,
                },
                modal_edit_kontakt_data: {
                    required: true,
                    date : true,
                },
                modal_edit_kontakt_telefon: {
                    digits: true,
                    minlength: 9,
                    maxlength: 11,
                },
                // Naruszenie
                modal_edit_naruszenie_data: {
                    required: true,
                    date : true,
                },
                modal_edit_naruszenie_time: {
                    required: true,
                    time : true,
                },
                modal_edit_naruszenie_opis: {
                    required: true,
                    minlength: 5,
                },
                modal_edit_naruszenie_telefon: {
                    digits: true,
                    minlength: 9,
                    maxlength: 11,

                },

            },
            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_tab11_11").addClass('error2');
                    //$(element).removeClass('error');
                }
                if ($("#CheckBoxGroupFrame_tab11_11").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
            }
        });

    });

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

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

    });


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

    $("#modal_edit_kontakt_data").datepicker();
    $("#kontakt_data_naruszenie").datepicker();


    /* definicja do pola add time */
    $('.clockpicker').clockpicker({
        language: 'pl',
        placement: 'bottom',
        align: 'left',
        autoclose: true,
        default: 'now'
    });

    $("#modal_edit_naruszenie_time").clockpicker();















/*
Ten kod może występować tylko jeden raz w załodowanej witrynie.

        (function ($) {
            $(function () {

                var addFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
                    var $formGroupClone = $formGroup.clone();

                    $(this)
                        .toggleClass('btn-success btn-add btn-danger btn-remove')
                        .html('–');

                    $formGroupClone.find('input').val('');
                    $formGroupClone.insertAfter($formGroup);

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', true);
                    }
                };

                var removeFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', false);
                    }

                    $formGroup.remove();
                };

                var selectFormGroup = function (event) {
                    event.preventDefault();

                    var $selectGroup = $(this).closest('.input-group-select');
                    var param = $(this).attr("href").replace("#","");
                    var concept = $(this).text();

                    $selectGroup.find('.input-group-select-val').val(param);

                }

                var countFormGroup = function ($form) {
                    return $form.find('.form-group').length;
                };

                $(document).on('click', '.btn-add', addFormGroup);
                $(document).on('click', '.btn-remove', removeFormGroup);
                $(document).on('click', '.dropdown-menu a', selectFormGroup);

            });
        })(jQuery);
        */
    </script>
@endsection