<div wire:ignore.self class="modal modal-account-request fade modalVqVehicleModal" id="modalVqVehicleModal" data-backdrop="static"
        tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document" style="max-width: 970px;">
            <div class="modal-content h-100">

                @include('parts.overlay', ['target' => 'edit, use, store'])

                <div class="modal-header">
                    <h3 class="modal-title" id="calendarModalLabel" wire:ignore>Crear vehículo</h3>
                    <button type="button" class="close" aria-label="Close" id="closeVehicleForm">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div wire:ignore>
                        @livewire('components.vq-vehicle-form', ['type' => 'quote'])
                    </div>
                </div>
            </div>
        </div>
    </div>
@push('scripts')
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", () => {
            window.addEventListener('show-modal-vq-vehicle-form', event => {
                $('#modalVqVehicleModal').modal('show');
            });

            window.addEventListener('close-modal-vq-vehicle-form', event => {
                $('#modalVqVehicleModal').modal('hide');
            });

            $('#closeVehicleForm').on('click', function() {
                $('#modalVqVehicleModal').modal('hide');
            });

        });
    </script>
@endpush
