@extends('sites._global_forms.form_modal_edit')

@php
    $modal_id = 'ModalForm_edit';
    $rekord_id = $data->id;
    $route_address_edit = 'm_odo_proces_upowaznienia_form_edit_save';
    $route_params_edit = [$data->id];

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

    $osoba_dzial_id = my_FirstDepartmentId($data->id_osoby);
@endphp

@section('form_body_edit')
    <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="{{ $data->user_id }}">

    @if (Auth::user()->rola_admin == 1)
        <div class="form-group row">
            <label for="id_view" class="col-md-4 col-form-label col-form-label-sm text-md-right">Id</label>
            <div class="col-md-6">
                <input id="id_view" type="text" class="form-control form-control-sm" name="id_view" value="{{ $data->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 Upowa&#380;niana:</label>
        <div class="col-md-6">
            @php
                $osoby = DB::table('t035_osoby')->get();
            @endphp
            <select id="id_osoby" disabled name="id_osoby" class="form-control">
                <option value="">-- Wybierz --</option>
                @foreach ($osoby as $osoba)
                    <option {{ ($osoba->id == $data->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 row">
        <label for="created_kko_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kom&oacute;rka wydaj&#261;ca upowa&#380;nienie:</label>
        <div class="col-md-6">
            @php
                if (Auth::user()->rola_admin == 1) {
                    $dzialy_osoby = DB::table('v021_pracownicy_w_dziale')
                        ->groupBy('v021_dzial_id')
                        ->get();
                } else {
                    $dzialy_osoby = DB::table('v021_pracownicy_w_dziale')
                        ->where('v021_osoba_id', Auth::user()->id)
                        ->groupBy('v021_dzial_id')
                        ->get();
                }
            @endphp
            <select id="created_kko_id" disabled name="created_kko_id" class="form-control">
                <option value="">-- Wybierz --</option>
                @foreach ($dzialy_osoby as $dzial_osoba)
                    <option {{ ($dzial_osoba->v021_dzial_id == $osoba_dzial_id) ? 'selected' : '' }} value="{{ $dzial_osoba->v021_dzial_id }}">{{ $dzial_osoba->v021_dzial_nazwa }}</option>
                @endforeach
            </select>
            <label id="created_kko_id-error" class="label_error my_FormLabelError_2 error" for="created_kko_id"></label>
        </div>
    </div>

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

    <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&#380;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="{{ date('Y-m-d',strtotime($data->data_od)) }}" id="data_od" name="data_od" style="width: 230px; z-index: 1;" required 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>

    <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&#380;no&#347;ci Upowa&#380;nienia:</label>
        <div class="col-md-6 row" style="margin-left: unset;">
            @php
                $data_do = $data->data_do ? date('Y-m-d', strtotime($data->data_do)) : null;
            @endphp
            <input class="form-control form-control-sm datepicker" type="text" placeholder="YYYY-MM-DD" value="{{ $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>

    <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 text-left" style="margin-bottom: 10px;">
            @php
                $status_aktualny = $data->status_aktualny;
            @endphp
            <div id="CheckBoxGroupFrame_status" class="form-check form-check-inline my_GroupCheckBoxes2">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="status_aktualny_1" value="1" name="status_aktualny" {{ ((string)$status_aktualny === '1') ? 'checked' : '' }}>
                    <label class="form-check-label" for="status_aktualny_1">Tak</label>
                </div>
                <div class="form-check form-check-inline" style="margin-left: 1vw;">
                    <input class="form-check-input" type="radio" id="status_aktualny_0" value="0" name="status_aktualny" {{ ((string)$status_aktualny !== '1') ? 'checked' : '' }}>
                    <label class="form-check-label" for="status_aktualny_0">Nie</label>
                </div>
            </div>
            <label id="status_aktualny-error" class="label_error my_FormLabelError_2 error error-2" for="status_aktualny"></label>
        </div>
    </div>

    <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&#380;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&#378; dodatkowy opis ..." style="resize: none;" autofocus>{{ $data->zakres_upowaznienia_opis }}</textarea>
            <label id="zakres_upowaznienia_opis-error" class="label_error my_FormLabelError_2 error" for="zakres_upowaznienia_opis"></label>
        </div>
    </div>
@endsection

@section('java_script_edit')
    <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_edit').validate({
                rules: {
                    id_osoby: {
                        required: true
                    },
                    data_od: {
                        required: true,
                        date: true
                    },
                    data_do: {
                        date: true
                    },
                    status_aktualny: {
                        required: true
                    }
                },
                errorPlacement: function(error, element) {
                    if (element.attr('name') === 'status_aktualny') {
                        error.addClass('label_error my_FormLabelError_2 error error-2');
                        error.insertAfter($('#CheckBoxGroupFrame_status'));
                    } else {
                        error.insertAfter(element);
                    }
                },
                onfocusout: function(element) {
                    if ($(element).val()) {
                        $(element).valid();
                    }
                },
                highlight: function(element) {
                    $(element.form).find('.actions').addClass('form-error');
                    if (element.name === 'status_aktualny') {
                        $('#CheckBoxGroupFrame_status').addClass('error2');
                        $(element).removeClass('error');
                    } else {
                        $(element).removeClass('valid').addClass('error');
                    }
                },
                unhighlight: function(element) {
                    $(element.form).find('.actions').removeClass('form-error');
                    if (element.name === 'status_aktualny') {
                        $('#CheckBoxGroupFrame_status').removeClass('error2');
                    }
                    $(element).removeClass('error').addClass('valid');
                },
                submitHandler: function (form) {
                    form.submit();
                }
            });

            $(document).on('change', 'input[name="status_aktualny"]', function () {
                $('#CheckBoxGroupFrame_status').removeClass('error2');
                $('#status_aktualny-error').text('');
            });
        });

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

        $('#data_od').datepicker();
        $('#data_do').datepicker();

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

            $('#datepickericon_data_do').click(function () {
                $('#data_do.datepicker').focus();
            });
        });
    </script>
@endsection