{{-- Globalne Okno Modalne - INFO about Record --}}

<!--/* Modal */-->
@php
    $header_icon = "fa fa-info-circle";
@endphp
<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: 700px;">
        <div class="alert-info" style="border-radius: 15px; pointer-events: auto; width: 700px;">
            <form id="form_info">
                @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>
                        Informacja !
                    </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">

                    {{-- Sekcja dla pól odczytywanych z DB --}}
                    @yield('form_body')

                </div>
                <div class="modal-footer" style="justify-content: center !important;">

                    <button type="button" class="btn btn-info" data-dismiss="modal">Zamknij</button>

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

{{-- Kod pozwalający na dynamiczne podstawienie danych do Form Modal --}}
<script>

    var baseUrl = "{{URL::to('/')}}";
    var click_event_name = null;
    var controller_address = null;
    var tablica_formularza = null;


    $(document).on('click',click_event_name,function(){
        var modal_id = null;
        $('#' + modal_id).modal('show');

        // Klasa kontrolera do pobrania danych z DB
        var url = controller_address;
        var id = $(this).val();
        $.get(baseUrl + '/' + url + '/' + id, function (data) {
            //success data
            //console.log(data);
            //console.log(tablica_formularza);

            //for(i = 0; i < tablica_formularza.length; i++){
            //}
            tablica_formularza.forEach((element) => {
                //console.log( data );
                var element_nazwa_pola = element.nazwa_pola;
                var element_id_pola = 'modal_info_' + element_nazwa_pola;
                $('#modal_info_' + element_nazwa_pola).val(data[element_nazwa_pola]);
                //console.log( element_id_pola + ' : ' + data[element_nazwa_pola]);
            });

            //var xxx = 'nazwa_pliku';
            //$('#modal_info_nazwa_pliku').val(data[xxx]);
            //$('#info_plik_opis').val(data.opis);
            //document.getElementById('nazwapliku').textContent = data.nazwisko;
            //$("#nazwapliku").val(data.nazwisko);

            // Wysłanie danych do DIV - jQuery
            //$("#pika").html(data.rozszerzenie);
            // Wysłanie danych do DIV - JS
            //document.getElementById("pika").innerHTML = data.nazwisko;
        });



    });
</script>