@php

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

        $page = $_GET['page'];

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


    /* Pobieram wszystkie działy */
    $dzialy = DB::table('sw020_komorki_organizacyjne')
        ->get();


    $pracownik_dzial = DB::table('v021_pracownicy_w_dziale')
        ->where('v021_osoba_id', Auth::user()->id)
        ->get();

    if(Auth::user()->pracownik_id){
        $pracownik_dzial = DB::table('t021_pracownicy_w_dziale')
            ->where('pracownik_id', Auth::user()->pracownik_id)
            ->whereNotNull('status')
            ->first();
        $zalogowany_pracownik_id = $pracownik_dzial->pracownik_id;
    }else{
        $pracownik_dzial = null;
    }



@endphp

<!--/* Modal */-->
    <div class="modal fade show" id="ModalForm_add" 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_add" method="post" action="{{ route('m_odo_proces_upowaznienia_form_add_save') }}">
                    @csrf
                    <div class="modal-header card-header card_add" style="border-radius: 15px 15px 0 0;">
                        <h5 class="modal-title" id="exampleModalCenterTitle">Dodaj Nowe - Upoważnienie</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="{{ old('id') }}">
                        <input type="hidden" class="form-control form-control-sm" name="user_id" value="{{ Auth::user()->id ?? '' }}">
                        <input id="created_kko_id" type="hidden" class="form-control form-control-sm" name="created_kko_id" value="{{ $pracownik_dzial->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 id="" type="text" class="form-control form-control-sm" name="id" value="{{ old('id') }}" disabled>
                                </div>
                            </div>
                        @endif


                        <div class="form-group row">
                            <label for="id_osoby" class="col-md-4 col-form-label col-form-label-sm text-md-right">Osoba:</label>

                            <div class="col-md-6">
                                @php
                                    $osoby = DB::table('t035_osoby')
                                    ->where('status_aktywny', '1')
                                    ->orderby('nazwisko','asc')
                                    ->orderby('imie','asc')
                                    ->get();

                                    $id_osoby = 0;

                                @endphp
                                <select id="id_osoby" required name="id_osoby" class="form-control">
                                    <option value="">-- Wybierz --</option>
                                    @foreach ( $osoby as $osoba)
                                        <option {{ ($osoba->id == $id_osoby) ? 'selected' : '' }}  value="{{ $osoba->id }}">{{ $osoba->nazwisko }} {{ $osoba->imie }}</option>
                                    @endforeach
                                </select>
                                <label id="id_osoby-error" class="label_error my_FormLabelError_2 error" for="id_osoby"></label>
                            </div>
                        </div>

                        <div class="form-group" style="margin: 3em 0;">
                            <hr/>
                        </div>

                        <!-- /* Data wystawienia UPO */ -->
                        <div class="form-group row" style="display: flex;">
                            <label for="data_wystawienia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Data wystawienia Upoważnienia:</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_wystawienia') }}" id="data_wystawienia" name="data_wystawienia" style="width: 230px; z-index: 1; " autofocus>
                                <div class="input-group-append">
                                    <span id="datepickericon_data_wystawienia" class="input-group-text end_date_calendar" aria-hidden="true"><i class="far fa-calendar-alt"></i></span>
                                </div>

                                <label id="data_wystawienia-error" class="label_error my_FormLabelErrorData_2 error" style="display: inherit;" for="data_wystawienia"></label>

                            </div>
                        </div>

                        <!-- /* Data od */ -->
                        <div class="form-group row" style="display: flex;">
                            <label for="data_od" class="col-md-4 col-form-label col-form-label-sm text-md-right">Data nadania Upoważnienia:</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_od') }}" id="data_od" name="data_od" style="width: 230px; z-index: 1; " autofocus>
                                <div class="input-group-append">
                                    <span id="datepickericon_data_od" class="input-group-text end_date_calendar" aria-hidden="true"><i class="far fa-calendar-alt"></i></span>
                                </div>

                                <label id="data_od-error" class="label_error my_FormLabelErrorData_2 error" style="display: inherit;" for="data_od"></label>

                            </div>
                        </div>

                        <!-- /* Data do */ -->
                        <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 ważności Upoważnienia:</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') }}" id="data_do" name="data_do" style="width: 230px; z-index: 1; " autofocus>
                                <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>

                        <!-- /* Status Upoważnienia */ -->
                        <div class="form-group row">
                            <label for="status_aktualny" class="col-md-4 col-form-label col-form-label-sm text-md-right">Upoważnienie jest Aktualne:</label>
                            <div class="col-md-6">
                                @php
                                    $status_aktualny = "";
                                @endphp
                                <select id="status_aktualny" required name="status_aktualny" class="form-control">
                                    <option value="">-- Wybierz --</option>
                                    <option {{ ($status_aktualny) == '1' ? 'selected' : '' }}  value="1">Tak</option>
                                    <option {{ ($status_aktualny) == '0' ? 'selected' : '' }}  value="0">Nie</option>
                                </select>
                                <label id="status_aktualny-error" class="label_error my_FormLabelError_2 error" for="status_aktualny"></label>
                            </div>
                        </div>


                        <!-- /* Zakres udostepnienia - opis */ -->
                        <div class="form-group row">
                            <label for="zakres_upowaznienia_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="zakres_upowaznienia_opis" name="zakres_upowaznienia_opis" class="form-control @error('zakres_upowaznienia_opis') is-invalid @enderror" rows="3" placeholder="Wprowadź dodatkowy opis ..." style="resize: none;" autofocus
                                >{{ old('zakres_upowaznienia_opis') }}</textarea>
                                <label id="zakres_upowaznienia_opis-error" class="label_error my_FormLabelError_2 error" for="zakres_upowaznienia_opis"></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-success">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: {
                // Tab 9
                id_osoby: {
                    required: true,
                },
                data_wystawienia: {
                    required: true,
                    date : true,
                },
                data_od: {
                    required: true,
                    date : true,
                },
                data_do: {
                    date : true,
                },
                status_aktualny: {
                    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_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
            }
        });



    });

/*
    $( "#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").datepicker();
    $("#data_od").datepicker();
    $("#data_do").datepicker();


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

        $('#datepickericon_data_od').click(function () {
            $("#data_od.datepicker").focus();
        });

        $('#datepickericon_data_do').click(function () {
            $("#data_do.datepicker").focus();
        });
    });

</script>