@extends('sites._global_forms.form_modal_edit')

@php
    $modal_id = 'ModalForm_proces_udostepnienie_danych_edit';
    $route_address_edit = 'm_odo_proces_udostepnienia_danych_rejestr_form_edit_save';
    $click_event_name = '.open_modal_edit';
    $site_back = null;
    $rekord_id = $umowa->id ?? null;
    $data = $umowa;
@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 ?? '' }}">

    <div class="form-group row">
        <label for="nazwa_pelna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kom&oacute;rka Organizacyjna</label>
        <div class="col-md-6">
            @php
                $dzial = DB::table('sw020_komorki_organizacyjne')
                    ->where('id', $data->ko_id)
                    ->first();
            @endphp
            <p class="my_p_info">{{ $dzial->nazwa_pelna ?? '' }}</p>
        </div>
    </div>

    <div class="form-group row">
        <label for="adres_ul" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa podmiotu</label>
        <div class="col-md-6">
            @php
                $user = DB::table('users')
                    ->where('id', $data->user_id)
                    ->first();
            @endphp
            <p class="my_p_info">{{ $user->name ?? '' }} {{ $user->email ?? '' }}</p>
        </div>
    </div>

    <div class="form-group row">
        <label for="kontakt_email_3" class="col-md-4 col-form-label col-form-label-sm text-md-right">Status udost&#281;pnienia</label>
        <div class="col-md-6">
            <p class="my_p_info">
                @if($data->status < 1)
                    Oczekuje
                @else
                    Udost&#281;pniono
                @endif
            </p>
        </div>
    </div>

    <div class="form-group row">
        <label for="podstawa_prawna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Podstawa prawna udost&#281;pnienia:</label>
        <div class="col-md-6">
            <textarea id="podstawa_prawna" class="form-control form-control-sm" rows="2" cols="100" style="resize: none; margin-left: auto;"
                name="podstawa_prawna" autocomplete="podstawa_prawna" autofocus required
            >{{ $data->podstawa_prawna }}</textarea>
            <label id="podstawa_prawna-error" class="label_error my_FormLabelError_2 error" for="podstawa_prawna"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="cel_udostepnienia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Cel udost&#281;pnienia:</label>
        <div class="col-md-6">
            <textarea id="cel_udostepnienia" class="form-control form-control-sm" rows="2" cols="100" style="resize: none; margin-left: auto;"
                name="cel_udostepnienia" autocomplete="cel_udostepnienia" autofocus required
            >{{ $data->cel_udostepnienia }}</textarea>
            <label id="cel_udostepnienia-error" class="label_error my_FormLabelError_2 error" for="cel_udostepnienia"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="podmiot_wnioskujacy_o_udostepnienie" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa Podmiotu wnioskuj&#261;cego<br/>o udost&#281;pnienie danych:</label>
        <div class="col-md-6">
            <textarea id="podmiot_wnioskujacy_o_udostepnienie" class="form-control form-control-sm" rows="2" cols="100" style="resize: none; margin-left: auto;"
                name="podmiot_wnioskujacy_o_udostepnienie" autocomplete="podmiot_wnioskujacy_o_udostepnienie" autofocus required
            >{{ $data->podmiot_wnioskujacy_o_udostepnienie }}</textarea>
            <label id="podmiot_wnioskujacy_o_udostepnienie-error" class="label_error my_FormLabelError_2 error" for="podmiot_wnioskujacy_o_udostepnienie"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="zakres_udostepnienia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Zakres udost&#281;pnienia:</label>
        <div class="col-md-6">
            <textarea id="zakres_udostepnienia" class="form-control form-control-sm" rows="2" cols="100" style="resize: none; margin-left: auto;"
                name="zakres_udostepnienia" autocomplete="zakres_udostepnienia" autofocus required
            >{{ $data->zakres_udostepnienia }}</textarea>
            <label id="zakres_udostepnienia-error" class="label_error my_FormLabelError_2 error" for="zakres_udostepnienia"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="uwagi" class="col-md-4 col-form-label col-form-label-sm text-md-right">Uwagi:</label>
        <div class="col-md-6">
            <textarea id="uwagi" class="form-control form-control-sm" rows="2" cols="100" style="resize: none; margin-left: auto;"
                name="uwagi" autocomplete="uwagi" disabled
            >{{ $data->uwagi }}</textarea>
            <label id="uwagi-error" class="label_error my_FormLabelError_2 error" for="uwagi"></label>
        </div>
    </div>

    @php
        $disabled = Auth::user()->rola_admin == 1 ? '' : 'disabled';
    @endphp

    <div class="form-group row" style="display: flex;">
        <label for="data_potwierdzienia_iod" class="col-md-4 col-form-label text-md-right">Data Potwierdzenia przez IOD:</label>
        <div class="col-md-6 row" style="margin-left: unset;">
            <input id="data_potwierdzienia_iod" name="data_potwierdzienia_iod" type="text" class="form-control datepicker" placeholder="YYYY-MM-DD" value="{{ $data->data_potwierdzienia_iod }}" style="width: 230px; z-index: 1;" {{ $disabled }}>
            <div class="input-group-append">
                <span id="datepickericon_data_potwierdzienia_iod" class="input-group-text end_date_calendar" aria-hidden="true" style="padding: 8px;font-size: 14px;"><i class="far fa-calendar-alt"></i></span>
            </div>
            @error('data_potwierdzienia_iod')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>

    <div class="form-group row" style="display: flex;">
        <label for="data_udostepnienia" class="col-md-4 col-form-label text-md-right">Data Udost&#281;pnienia Danych:</label>
        <div class="col-md-6 row" style="margin-left: unset;">
            <input id="data_udostepnienia" name="data_udostepnienia" class="form-control datepicker" type="text" placeholder="YYYY-MM-DD" value="{{ $data->data_udostepnienia }}" style="width: 230px; z-index: 1;" {{ $disabled }}>
            <div class="input-group-append">
                <span id="datepickericon_data_udostepnienia" class="input-group-text end_date_calendar" aria-hidden="true" style="padding: 8px;font-size: 14px;"><i class="far fa-calendar-alt"></i></span>
            </div>
            @error('data_udostepnienia')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </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: {
                kontakt_temat: {
                    required: true,
                    minlength: 5,
                },
                kontakt_data: {
                    required: true,
                    date: true,
                },
                kontakt_telefon: {
                    digits: true,
                    minlength: 9,
                    maxlength: 11,
                },
            },
            onfocusout: function(element) {
                if ($(element).val()) {
                    $(element).valid();
                }
            },
            highlight: function(element) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid');
                $(element).addClass('error');

                if ($(element).hasClass('error')) {
                    $('#CheckBoxGroupFrame_tab11_11').addClass('error2');
                }
                if ($('#CheckBoxGroupFrame_tab11_11').hasClass('error2')) {
                    $(element).removeClass('error');
                }
            },
            unhighlight: function(element) {
                $(element.form).find('.actions').removeClass('form-error');
                $(element).removeClass('error');
                $(element).addClass('valid');
            },
            submitHandler: function (form) {
                form.submit();
            }
        });
    });

    $('#kontakt_data').change(function() {
        $('#kontakt_data').removeClass('error');
        $('#kontakt_data-error').prop('hidden', true);
    });

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

    $('#data_potwierdzienia_iod').datepicker();
    $('#data_udostepnienia').datepicker();

    $(document).ready(function () {
        $('#datepickericon_data_udostepnienia').click(function () {
            $('#data_udostepnienia.datepicker').focus();
        });
        $('#datepickericon_data_potwierdzienia_iod').click(function () {
            $('#data_potwierdzienia_iod.datepicker').focus();
        });
    });
</script>
@endsection