<div wire:ignore.self class="modal modal-account-request fade modalVqClientModal" id="modalVqClientModal" 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 cliente</h3>
                    <button type="button" class="close" aria-label="Close" id="closeClientForm">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @livewire('components.vq-client-form', ['type' => 'quote'])
                </div>
            </div>
        </div>
    </div>
@push('scripts')
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", () => {
            window.addEventListener('show-modal-vq-client-form', event => {
                $('#modalVqClientModal').modal('show');
            });

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

            $('#closeClientForm').on('click', function() {
                $('#modalVqClientModal').modal('hide');
            });
        });
    </script>
@endpush
