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

        $page = $_GET['page'];

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

    $modal_id = 1;

    $szablon = DB::connection('mysql-2')->table('zs020_odo_wzory_dokumentow')->where('id',$modal_id)->first();
@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 - {{ $szablon->nazwa_szablonu }}</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">
                    
                    <div class="col-12 text-lg-center">
                        <h4>{{ $szablon->opis }}</h4>
                    </div>
                    <hr/><br/>

                        <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 wytworzenia dokumentu */ -->
                        @php
                            $element_name = "data_wystawienia_dokumentu";
                        @endphp
                        <div class="form-group row" style="z-index: 90;">
                            <label for="{{ $element_name }}_{{ $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="{{ $element_name }}_{{ $modal_id }}" type="text" class="form-control datepicker" type="text" placeholder="YYYY-MM-DD" value="" name="{{ $element_name }}" required>
                                <div class="input-group-append input-group-text ">
                                    <span class="fa fa-calendar end_date_calendar" aria-hidden="true "></span>
                                </div>
                                <label id="{{ $element_name }}_{{ $modal_id }}-error" class="label_error my_FormLabelError_2 error" for="{{ $element_name }}_{{ $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_{{ $modal_id }}" type="submit" class="btn btn-success" >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">
    // form_id = $modal_id



    $(document).ready(function () {
        // --- Zmienna nazwy formularza okna modalnego
        var form_id = "";

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




        $('#form_'+form_id).validate({ // initialize the plugin
            ignore: [],
            rules: {
                data_wystawienia_dokumentu: {
                    required: true,
                },
                form_opis: {
                    required: true,
                    minlength: 15,
                }



            },
            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');
                    $("#cke_" + element.id).addClass('error2');
                    //$(element).removeClass('error');
                }
                if ($("#CheckBoxGroupFrame_" + element.id).hasClass("error2")) {
                    $(element).removeClass('error');
                }
                if ($("#cke_" + 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();
                $('#ModalForm_'+form_id).modal('hide');
                //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_'+form_id).click(function() {
        //$('#ModalForm_'+form_id).modal('hide');
        //alert($('#data_wystawienia_dokumentu_'+form_id).attr("id"));
     });
//*/

</script>
<script>
    // -- Definiowanie elementów - CKEditor
    CKEDITOR.replace( 'form_opis' );

</script>