{{-- Globalne Okno Modalne - EDIT Record --}}

<!--/* Modal */-->
@php
    $header_icon = "fa fa-edit";
    $route_address_edit = $route_address_edit ?? $route_address ?? null;
    $route_params_edit = $route_params_edit ?? [];
    $form_action_edit = $form_action_edit ?? null;
    $click_event_name = $click_event_name ?? ".open_modal_edit";
    $form_id = $form_id ?? "form_edit";
    $bind_open_handler = $bind_open_handler ?? true;
    $form_body_view = $form_body_view ?? null;
    $form_body_data = $form_body_data ?? [];
    $java_script_edit_view = $java_script_edit_view ?? null;
    $java_script_edit_data = $java_script_edit_data ?? [];

    if (!$form_action_edit) {
        $form_action_edit = $route_address_edit ? route($route_address_edit, $route_params_edit) : '#';
    }
@endphp
<style>
    #{{ $modal_id }} .col-form-label {
        font-size: 1rem !important;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }

    #{{ $modal_id }} input.form-control,
    #{{ $modal_id }} textarea.form-control,
    #{{ $modal_id }} select.form-control,
    #{{ $modal_id }} .my_p_info {
        font-size: 1.1rem !important;
        line-height: 1 !important;
        border-radius: .4rem !important;
    }

    @media (min-width: 768px) {
        #{{ $modal_id }} .form-group > .col-md-6 {
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
        }
    }

    #{{ $modal_id }} .edit-modal-record-id {
        font-style: italic;
        font-weight: 700;
    }
</style>
<div class="modal fade show" id="{{$modal_id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" >
    <div class="modal-dialog my_modal_alert" role="document" style="max-width: 800px;">
        <div class="alert-primary" style="border-radius: 15px; pointer-events: auto; width: 800px;">
            <form id="{{ $form_id }}" method="POST" action="{{ $form_action_edit }}" enctype="multipart/form-data" >
                @csrf
                <div class="modal-header card-header" style="border-radius: 15px 15px 0 0;">
                    <div style="margin-right: 1vw;">
                        <i class="{{$header_icon}} fa-2x"></i>
                    </div>
                    <div class="my-auto ml-1 row">
                        Edycja Rekordu.
                        <span style="font-style: italic;">&nbsp;( id: </span>
                        <span class="edit-modal-record-id"><strong><i data-role="edit-record-id-display">{{ $rekord_id ?? '' }}</i></strong></span>
                        <span style="font-style: italic;">&nbsp;)</span>
                    </div>
                    <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" style="max-height: 70vh; overflow: overlay;">

                    <input name="return_to" type="hidden" value='{{$return_to ?? null}}'>
                    <input name="return_to_after_delete" type="hidden" value='{{$return_to_after_delete ?? null}}'>
                    <input name="modal_return_to" type="hidden" value='{{$modal_return_to ?? null}}'>
                    <input name="site_back" type="hidden" value='{{$site_back ?? null}}'>
                    <input id="edit_rekord_id" name="rekord_id" type="hidden" value='{{$rekord_id ?? null}}'>

                    <div class="table_modal_edit">
                        @if($form_body_view)
                            @include($form_body_view, $form_body_data)
                        @else
                            @yield('form_body_edit')
                        @endif
                    </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-primary" >Zapisz</button>

                </div>
            </form>
        </div>
    </div>
</div>
<!--/* END-Modal */-->

{{-- Kod pozwalający na dynamiczne podstawienie danych do Form Modal --}}
<script>
    (function () {
        var local_click_event_name = null;
        var local_modal_id = null;
        var local_bind_open_handler = null;

        function syncEditFieldsHeight() {
            var $modal = $('#' + local_modal_id);
            if (!$modal.length) {
                return;
            }

            $modal.find('.form-group.row').each(function () {
                var $row = $(this);
                var $label = $row.find('label.col-form-label').first();
                if (!$label.length) {
                    return;
                }

                var labelHeight = $label.outerHeight();
                if (!labelHeight || labelHeight < 1) {
                    return;
                }

                $row.find('input.form-control, textarea.form-control, select.form-control, .my_p_info')
                    .css('min-height', labelHeight + 'px');
            });
        }

        function syncEditRecordId(id) {
            var $modal = $('#' + local_modal_id);
            if (!$modal.length) {
                return;
            }

            var nextId = id;
            if (nextId === undefined || nextId === null || String(nextId).trim() === '') {
                nextId = $modal.find('#edit_rekord_id').val();
            }

            if (nextId === undefined || nextId === null) {
                nextId = '';
            }

            nextId = String(nextId).trim();
            $modal.find('#edit_rekord_id').val(nextId);
            $modal.find('[data-role="edit-record-id-display"]').text(nextId);
        }

        if (local_bind_open_handler) {
            $(document).on('click', local_click_event_name, function () {
                $('#' + local_modal_id).modal('show');
                var id = $(this).val();
                syncEditRecordId(id);

                setTimeout(syncEditFieldsHeight, 0);
                setTimeout(syncEditFieldsHeight, 150);
            });
        }

        $(document).on('shown.bs.modal', '#' + local_modal_id, function () {
            syncEditRecordId();
            syncEditFieldsHeight();
        });

        $(window).on('resize', function () {
            syncEditFieldsHeight();
        });
    })();
</script>
@if($java_script_edit_view)
    @include($java_script_edit_view, $java_script_edit_data)
@else
    @yield('java_script_edit')
@endif