@php
    $idModal = 'pagar';
    $titulo = 'Realizar Pago';
@endphp
<div class="modal fade" id="modal-{{ $idModal }}" data-backdrop="static" tabindex="1001"
    aria-labelledby="modal-{{ $idModal }}-Label" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-{{ $idModal }}-Label">{{ $titulo }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @livewire('modales.pagar', ['idModal' => $idModal])
            </div>
        </div>
    </div>
</div>
@push('modal-pagar-js')
    <script>
        $(function() {
            // $('[data-toggle="tooltip"]').tooltip();
            $('#modal-{{ $idModal }}').appendTo('body');
        });

        function pagar(id) {
            modalAbierto = 'modal-{{ $idModal }}';
            mostrarModal();
            Livewire.emit('realizarPago', id);
        }
    </script>

    @stack('pagar-js')
@endpush