@extends('sites._global_forms.form_modal_status')

@php
    $modal_id = 'ModalForm_proces_udostepnienie_status';
    $route_address_status = 'm_odo_proces_udostepnienia_danych_rejestr_form_status_save';
    $click_event_name = '.open_modal_status';
    $modal_title_status = 'Zmiana Statusu - Udostępnienie Danych';
    $header_icon = 'fas fa-sync-alt';
    $status_submit_class = 'btn-warning';
    $status_submit_text = 'Zapisz';
    $status_show_record_id = false;
    $status_modal_width = 760;
    $status_confirm_prefix = 'Wybrany status po zmianie:';
    $status_confirm_question = null;
@endphp

<style>
    #{{ $modal_id }} .modal-body {
        padding: .6rem .95rem .45rem .95rem;
    }

    #{{ $modal_id }} .form-group.row {
        margin-bottom: .35rem;
    }

    #{{ $modal_id }} .col-form-label {
        font-size: .9rem !important;
        line-height: 1.1;
        padding-top: .2rem;
    }

    #{{ $modal_id }} input.form-control,
    #{{ $modal_id }} select.form-control,
    #{{ $modal_id }} textarea.form-control,
    #{{ $modal_id }} .my_p_info {
        font-size: .95rem !important;
        padding: .2rem .4rem;
    }

    #{{ $modal_id }} #udostepnienie_status_cel_udostepnienia {
        min-height: 4rem !important;
        max-height: 4rem !important;
    }

    #{{ $modal_id }} #udostepnienie_status_zakres_udostepnienia {
        min-height: 3.2rem !important;
        max-height: 3.2rem !important;
    }

    #{{ $modal_id }} #uwagi {
        min-height: 3.8rem !important;
    }

    #{{ $modal_id }} .status-confirm-label {
        font-size: 1.4rem;
        margin: .1rem 0 .05rem 0;
    }

    #{{ $modal_id }} #modal_status_text_status {
        min-width: 14rem;
        font-size: 1.2rem;
        padding: .15rem .5rem;
        margin: .1rem 0;
    }

    #{{ $modal_id }} .modal-footer {
        padding-top: .35rem;
        padding-bottom: .4rem;
    }

    #{{ $modal_id }} #CheckBoxGroupFrame_status {
        margin-left: 0;
    }

    #{{ $modal_id }} #CheckBoxGroupFrame_status .form-check {
        margin-right: 1rem;
    }

    #{{ $modal_id }} #status-error {
        display: block;
        text-align: left;
        margin-top: .25rem;
    }
</style>

@section('form_body_status')
    <input id="udostepnienie_status_id" type="hidden" class="form-control form-control-sm" name="id" value="">
    <input id="udostepnienie_status_user_id" type="hidden" class="form-control form-control-sm" name="user_id" value="{{ Auth::user()->id }}">
    <input id="data_potwierdzienia_iod" type="hidden" class="form-control form-control-sm" name="data_potwierdzienia_iod" value="{{ date('Y-m-d H:i:s') }}">

    @if (Auth::user()->rola_admin == 1)
        <div class="form-group row">
            <label for="udostepnienie_status_id_2" class="col-md-4 col-form-label col-form-label-sm text-md-right">Id</label>
            <div class="col-md-6">
                <input id="udostepnienie_status_id_2" type="text" class="form-control form-control-sm" name="id_2" value="" disabled>
            </div>
        </div>
    @endif

    <div class="form-group row">
        <label for="udostepnienie_status_ko_nazwa_pelna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Komórka Organizacyjna</label>
        <div class="col-md-6">
            <p id="udostepnienie_status_ko_nazwa_pelna" class="my_p_info"></p>
        </div>
    </div>

    <div class="form-group row">
        <label for="udostepnienie_status_podmiot_wnioskujacy_o_udostepnienie" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa Podmiotu wnioskującego<br/>o udostępnienie danych:</label>
        <div class="col-md-6">
            <p id="udostepnienie_status_podmiot_wnioskujacy_o_udostepnienie" class="my_p_info" style="overflow-y: auto;"></p>
        </div>
    </div>

    <div class="form-group row">
        <label for="udostepnienie_status_podstawa_prawna" class="col-md-4 col-form-label col-form-label-sm text-md-right">Podstawa prawna udostępnienia:</label>
        <div class="col-md-6">
            <p id="udostepnienie_status_podstawa_prawna" class="my_p_info" style="overflow-y: auto;"></p>
        </div>
    </div>

    <div class="form-group row">
        <label for="udostepnienie_status_cel_udostepnienia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Cel udostępnienia:</label>
        <div class="col-md-6">
            <p id="udostepnienie_status_cel_udostepnienia" class="my_p_info my_scrollbar_new" style="overflow-y: auto;"></p>
        </div>
    </div>

    <div class="form-group row">
        <label for="udostepnienie_status_zakres_udostepnienia" class="col-md-4 col-form-label col-form-label-sm text-md-right">Zakres udostępnienia:</label>
        <div class="col-md-6">
            <p id="udostepnienie_status_zakres_udostepnienia" class="my_p_info my_scrollbar_new" style="overflow-y: auto;"></p>
        </div>
    </div>

    <div class="form-group row">
        <label for="status" class="col-md-4 col-form-label col-form-label-sm text-md-right">Status udostępnienia IOD</label>
        <div class="col-md-6 text-left" style="margin-bottom: 10px;">
            <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" value="1" name="status" onclick="my_ChangeValueCheckbox_status(this)" >
                    <label class="form-check-label">Akceptuję</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" value="2" name="status" onclick="my_ChangeValueCheckbox_status(this)" >
                    <label class="form-check-label">Odrzucam</label>
                </div>
            </div>
            <label id="status-error" class="label_error my_FormLabelError_2 error error-2" for="status"></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" type="text" class="form-control form-control-sm" rows="3" cols="70" style="resize: none; margin-left: auto;" name="uwagi" autocomplete="uwagi" autofocus></textarea>
            <label id="uwagi-error" class="label_error my_FormLabelError_2 error" for="uwagi"></label>
        </div>
    </div>
@endsection

@section('java_script_status')
<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_status').validate({
            rules: {
                status: {
                    required: true,
                },
            },
            onfocusout: function(element) {
                $(element).valid();
            },
            highlight: function(element, errorClass, validClass) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid');
                $(element).addClass('error');

            if ($(element).hasClass('error')) {
                    $('#CheckBoxGroupFrame_status').addClass('error2');
                }
                if ($('#CheckBoxGroupFrame_status').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) {
                form.submit();
            }
        });
    });

    function validateForm_status(form){
        return $('#form_status').valid();
    }

    function my_ChangeValueCheckbox_status(o){
        $('#CheckBoxGroupFrame_status').removeClass('error2');
        if (String($(o).val()) === '1') {
            $('#modal_status_text_status').text('AKCEPTUJĘ');
        } else if (String($(o).val()) === '2') {
            $('#modal_status_text_status').text('ODRZUCAM');
        } else {
            $('#modal_status_text_status').text('---');
        }
    }
</script>

<script>
    $(document).on('click','.open_modal_status',function(){
        $('#ModalForm_proces_udostepnienie_status').modal('show');
        var url = 'v041_rejestr_udostepnien_detail';
        var id = $(this).val();

        var baseUrl = "{{URL::to('/')}}";
        $.ajax({
            url: baseUrl + '/set_session',
            type: 'GET',
            data: {active_record: id}
        });

        var detailUrl = (/^https?:\/\//i.test(String(url || '')) || String(url || '').charAt(0) === '/')
            ? String(url || '') + '/' + id
            : baseUrl + '/' + String(url || '') + '/' + id;

        $.get(detailUrl, function (data) {
            $('#udostepnienie_status_id').val(data.v041_id);
            $('#udostepnienie_status_id_2').val(data.v041_id);
            $('#udostepnienie_status_ko_nazwa_pelna').text(data.v041_ko_nazwa_pelna);
            $('#udostepnienie_status_podmiot_wnioskujacy_o_udostepnienie').text(data.v041_podmiot_wnioskujacy_o_udostepnienie);

            if(data.v041_status == 1){
                var v041_status_text = 'Zatwierdzony przez IOD';
            }else if(data.v041_status == 2){
                var v041_status_text = 'Udostępniono dane';
            }else{
                var v041_status_text = 'Oczekuje';
            }
            $('#udostepnienie_status_status').text(v041_status_text);
            $('input[name="status"]').prop('checked', false);
            $('#CheckBoxGroupFrame_status').removeClass('error2');
            $('#status-error').text('');
            $('#modal_status_text_status').text('---');

            $('#uwagi').attr('name', 'uwagi-' + data.v041_id);
            $('#data_potwierdzienia_iod').attr('name', 'data_potwierdzienia_iod-' + data.v041_id);
            $('#udostepnienie_status_user_id').attr('name', 'user_id-' + data.v041_id);

            $('#udostepnienie_status_cel_udostepnienia').text(data.v041_cel_udostepnienia);
            $('#udostepnienie_status_zakres_udostepnienia').text(data.v041_zakres_udostepnienia);

            $('#btn-save').val('update');
        });
    });
</script>
@endsection