@php

    $i = 1;
    if(isset($_GET['page'])){

        $page = $_GET['page'];

        if($page > 1){
            $i = (($page -1 ) * 10) + 1;
        }
    }


    $modal_id = 1;
@endphp


<!--/* Modal */-->
    <div class="modal fade show" id="ModalForm_{{ $modal_id }}" 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_{{ $modal_id }}" method="post" action="{{ route('PDF_generuj_dokument') }}"  target="_blank">
                    @csrf
                    <div class="modal-header card-header card_add" style="border-radius: 15px 15px 0 0;">
                        <h5 class="modal-title" id="exampleModalCenterTitle">Generator Dokumentu</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_{{ $modal_id }}" type="hidden" class="form-control form-control-sm" name="id" value="{{ old('id') }}">
                        <input id="user_id_{{ $modal_id }}" type="hidden" class="form-control form-control-sm" name="user_id" value="{{ Auth::user()->id ?? '' }}">
                        <input id="created_kko_id_{{ $modal_id }}" type="hidden" class="form-control form-control-sm" name="created_kko_id" value="{{ $pracownik_dzial->id ?? '' }}">


                        <input id="szablon_dokumentu_id_{{ $modal_id }}" type="hidden" class="form-control form-control-sm" name="szablon_dokumentu" value="">


                        <!-- /* Data szkolenia */ -->
                        <div class="form-group row" style="z-index: 90;">
                            <label for="data_wystawienia_dokumentu_{{ $modal_id }}" class="col-md-4 col-form-label col-form-label-sm text-md-right">Data wytworzenia dokumentu:</label>

                            <div class="col-6 input-group">
                                <input id="data_wystawienia_dokumentu_{{ $modal_id }}" type="text" class="form-control datepicker" type="text" placeholder="YYYY-MM-DD" value="{{ old('data_wystawienia_dokumentu_$modal_id') }}" name="data_wystawienia_dokumentu" required>
                                <div class="input-group-append input-group-text ">
                                    <span class="fa fa-calendar end_date_calendar" aria-hidden="true "></span>
                                </div>
                                <label id="data_wystawienia_dokumentu_{{ $modal_id }}-error" class="label_error my_FormLabelError_2 error" for="data_wystawienia_dokumentu_{{ $modal_id }}"></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 id="submit_close" type="submit" class="btn btn-success"  data-dismiss="modal">Wygeneruj Dokument</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">

    var form_id = "";

    $(document).ready(function () {

        // Domyślna data dokumentu - Data Dzisiejsza.
        var today = new Date().toLocaleDateString('en-CA');
        //$("#data_wystawienia_dokumentu_1").val(today);
        // ---



        $('#form_'+form_id).validate({ // initialize the plugin
            rules: {
                data_wystawienia_dokumentu: {
                    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
            }
        });



    });

/*
    $( "#kontakt_data" ).change(function() {
        $( "#kontakt_data" ).removeClass('error');
        $( "#kontakt_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
    });

    //$("#data_wystawienia_dokumentu_"+form_id).datepicker();


    $('#submit_close').click(function() {
        //$('#ModalForm_'+form_id).modal('hide');
     });

</script>