<div class="modal modal-md fade" id="ver_remotas_{{  $item->uuid }}" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header bg-info">

                <h1 class="modal-title fs-5" id="exampleModalLabel">
                    {{ $item->equipo }} - {{ $item->cliente->getClientName() }}
                </h1>


                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="col">
                    <!-- Card -->
                    <ul class="nav nav-tabs" id="remotaDetailTab_{{  $item->uuid }}" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" id="information-tab_{{  $item->uuid }}" data-bs-toggle="tab" href="#information_{{  $item->uuid }}"
                                role="tab" aria-controls="information_{{  $item->uuid }}" aria-selected="true">Información General</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="cliente-tab_{{  $item->uuid }}" data-bs-toggle="tab" href="#cliente_{{  $item->uuid }}" role="tab"
                                aria-controls="cliente_{{  $item->uuid }}">Cliente</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="plan-tab_{{  $item->uuid }}" data-bs-toggle="tab" href="#plan_{{  $item->uuid }}" role="tab"
                                aria-controls="plan_{{  $item->uuid }}">Plan</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="socio-tab_{{  $item->uuid }}" data-bs-toggle="tab" href="#socio_{{  $item->uuid }}" role="tab"
                                aria-controls="socio_{{  $item->uuid }}">Socio</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="vendeedor-tab_{{  $item->uuid }}" data-bs-toggle="tab" href="#vendeedor_{{  $item->uuid }}" role="tab"
                                aria-controls="vendeedor_{{  $item->uuid }}" aria-selected="false">
                                Vendedor
                            </a>
                        </li>

                    </ul>
                    <div class="border-0 scroll-mt-3 tab-content mb-3">
                        @include('livewire.remota.includes.modales.datos-remota')
                        @include('livewire.remota.includes.modales.datos-cliente')
                        @include('livewire.remota.includes.modales.datos-plan')
                        @include('livewire.remota.includes.modales.datos-socio')
                        @include('livewire.remota.includes.modales.datos-vendedor')

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

            <!-- <div class="modal-footer bg-light">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>


            </div> -->
        </div>
    </div>
</div>
