<button x-on:show-detail.window="document.querySelector('[data-bs-target=\'#detailEmpresaModal\']').click()"
    type="button" data-bs-toggle="modal" data-bs-target="#detailEmpresaModal" class="d-none"></button>

<div wire:ignore.self class="modal fade" id="detailEmpresaModal" tabindex="-1" aria-labelledby="detailEmpresaModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form wire:submit="save">
                <div class="modal-header">
                    <h3 class="modal-title" id="detailEmpresaModalLabel">{{ $modalTitle }}</h3>
                    <button x-on:hide-modal.window="document.getElementById('btn-close-modal-register').click();"
                        id="btn-close-modal-register" type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="col">
                        <!-- Card -->
                        <div class="border-0 scroll-mt-3">
                            <div>
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Razon</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->razon }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">RIF</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->rif }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Dirección</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->direccion }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Teléfono</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->telefono }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Teléfono Secundario</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->telefono_secundario ?? 'N/D' }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Whatsapp</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->whatsapp }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Telegram</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->telegram }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->
                                <div class="row mb-4">
                                    <div class="col-lg-3">
                                        <label for="fullName" class="col-form-label">Correo</label>
                                    </div>

                                    <div class="col-lg">
                                        <output class="form-control" id="fullName">
                                            {{ $empresa?->correo }}
                                        </output>
                                    </div>
                                </div> <!-- / .row -->

                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>