@extends('sites._global_forms.form_modal_add')

@php
    $modal_id = 'ModalForm_proces_udostepnienie_danych_add';
    $route_address_add = 'm_odo_proces_udostepnienia_danych_rejestr_form_add_save';
    $click_event_name = '.open_modal_add';
    $header_icon = 'fa fa-plus-circle';
    $add_submit_class = 'btn-success';
    $add_show_record_id = false;
    $site_back = null;
    $rekord_id = null;

    $dzialy = DB::table('sw020_komorki_organizacyjne')
        ->orderby('nazwa_pelna', 'asc')
        ->get();
@endphp

@section('form_body_add')
    <input name="kontakt_rodzaj_zgloszenia" type="hidden" value="3">
    <input name="user_id" type="hidden" value="{{ Auth::user()->id }}">

    <div class="form-group row">
        <label for="ko_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">Kom&oacute;rka Organizacyjna kt&oacute;ra dokonuje udost&#281;pnienia:</label>
        <div class="col-md-6">
            @php
                $zalogowany_pracownik_id = Auth::user()->pracownik_id;
                if (isset($zalogowany_pracownik_id)) {
                    $ko = DB::table('t021_pracownicy_w_dziale')
                        ->where('pracownik_id', $zalogowany_pracownik_id)
                        ->whereNotNull('status')
                        ->first();
                    $ko_dzial_id = $ko->dzial_id ?? null;
                } else {
                    $ko_dzial_id = null;
                }

                if (Auth::user()->rola_admin == 1) {
                    $dzialy_osoby = DB::table('v021_pracownicy_w_dziale')
                        ->whereNotNull('v021_status')
                        ->groupBy('v021_dzial_id')
                        ->orderby('v021_dzial_nazwa', 'asc')
                        ->get();
                } else {
                    $dzialy_osoby = DB::table('v021_pracownicy_w_dziale')
                        ->where('v021_osoba_id', $zalogowany_pracownik_id)
                        ->whereNotNull('v021_status')
                        ->orderby('v021_dzial_nazwa', 'asc')
                        ->get();
                }
            @endphp
            <select id="ko_id" required name="ko_id" class="form-control">
                <option value="">-- Wybierz --</option>
                @foreach ($dzialy_osoby as $dzial_osoba)
                    <option {{ ($dzial_osoba->v021_dzial_id == $ko_dzial_id) ? 'selected' : '' }} value="{{ $dzial_osoba->v021_dzial_id }}">{{ $dzial_osoba->v021_dzial_nazwa }}</option>
                @endforeach
            </select>
            <label id="ko_id-error" class="label_error my_FormLabelError_2 error" for="ko_id"></label>
        </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="3" cols="70" style="resize: none; margin-left: auto;"
                name="podstawa_prawna" autocomplete="podstawa_prawna" autofocus required
            ></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="3" cols="70" style="resize: none; margin-left: auto;"
                name="cel_udostepnienia" autocomplete="cel_udostepnienia" autofocus required
            ></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="3" cols="70" style="resize: none; margin-left: auto;"
                name="podmiot_wnioskujacy_o_udostepnienie" autocomplete="podmiot_wnioskujacy_o_udostepnienie" autofocus required
            ></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="3" cols="70" style="resize: none; margin-left: auto;"
                name="zakres_udostepnienia" autocomplete="zakres_udostepnienia" autofocus required
            ></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="filename" class="col-md-4 col-form-label col-form-label-sm text-md-right">Wybierz plik do wczytania:</label>
        <div class="col-md-6">
            <div class="custom-file text-left">
                <input id="filename" class="custom-file-input my_FormFile" type="file" name="filename[]" multiple>
                <label class="custom-file-label" for="filename">Wybierz pliki...</label>
            </div>
            <ul id="filename-selected-list" class="small mt-2 mb-0 pl-3 text-left"></ul>
            <label id="filename-error" class="label_error my_FormLabelError_2 error" for="filename"></label>
        </div>
    </div>

    <div class="form-group row">
        <label class="col-md-4 col-form-label col-form-label-sm text-md-right">Rodzaje plik&oacute;w jakie mo&#380;esz doda&#263; to:</label>
        <div class="text-left col-md-6">
            <p>doc | docx | xls | xlsx | ods | odt | pdf | jpg | jpeg | png</p>
        </div>
    </div>

    <div class="form-group row">
        <label class="col-md-4 col-form-label col-form-label-sm text-md-right">Maksymalny rozmiar pliku to:</label>
        <div class="text-left col-md-6">
            <p>10 MB</p>
        </div>
    </div>
@endsection

@section('java_script_add')
<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 () {
        if (!$.validator.methods.filesize) {
            $.validator.addMethod('filesize', function (value, element, param) {
                if (!element.files || !element.files.length) {
                    return true;
                }

                for (var i = 0; i < element.files.length; i++) {
                    if (element.files[i].size > param) {
                        return false;
                    }
                }

                return true;
            });
        }

        $('#form_add').validate({
            rules: {
                ko_id: {
                    required: true
                },
                podstawa_prawna: {
                    required: true,
                    minlength: 2
                },
                cel_udostepnienia: {
                    required: true,
                    minlength: 2
                },
                podmiot_wnioskujacy_o_udostepnienie: {
                    required: true,
                    minlength: 2
                },
                zakres_udostepnienia: {
                    required: true,
                    minlength: 2
                },
                'filename[]': {
                    extension: 'doc|docx|xls|xlsx|ods|odt|pdf|jpg|jpeg|png',
                    filesize: 10485760
                }
            },
            messages: {
                'filename[]': {
                    extension: 'Dozwolone formaty: doc, docx, xls, xlsx, ods, odt, pdf, jpg, jpeg, png.',
                    filesize: 'Dodawany plik ma za du\\u017cy rozmiar (maks. 10 MB).'
                }
            },
            onfocusout: function (element) {
                if ($(element).val()) {
                    $(element).valid();
                }
            },
            highlight: function (element) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid').addClass('error');
            },
            unhighlight: function (element) {
                $(element.form).find('.actions').removeClass('form-error');
                $(element).removeClass('error').addClass('valid');
            },
            submitHandler: function (form) {
                form.submit();
            }
        });

        $('#filename').on('change', function () {
            var files = this.files || [];
            var label = 'Wybierz pliki...';
            var $list = $('#filename-selected-list');
            $list.empty();

            if (files.length === 1) {
                label = files[0].name;
            } else if (files.length > 1) {
                label = 'Wybrano ' + files.length + ' pliki';
            }

            for (var i = 0; i < files.length; i++) {
                $list.append('<li>' + $('<div>').text(files[i].name).html() + '</li>');
            }

            $(this).next('.custom-file-label').text(label);
        });
    });
</script>
@endsection