@php
    $idModal = 'modal-edit-imagen';
    $titulo = 'Editar Imagen';
@endphp
<div class="modal fade" id="{{ $idModal }}" data-backdrop="static" tabindex="1001"
    aria-labelledby="{{ $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="{{ $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.edit-imagen')
            </div>
        </div>
    </div>
</div>
@push($idModal . '-css')
    @stack('edit-imagen-css')
@endpush
@push($idModal . '-js')
    <script>
        $(function() {
            // $('[data-toggle="tooltip"]').tooltip();
            $('#{{ $idModal }}').appendTo('body');
        });

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

    @stack('edit-imagen-js')
@endpush