@push('css')
@endpush
<x-app-layout>
         <div class="tab-content mt-3" id="tab-content" wire:ignore>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                @if (auth()->user()->can('ver.resumen-ventas'))
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="graficas-tab" data-bs-toggle="tab" data-bs-target="#graficas-content" type="button" role="tab" aria-controls="graficas-content" aria-selected="true">
                        Ventas
                    </button>
                </li>
                @endif
                @if (auth()->user()->can('ver.tablero-metas'))
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="metas-tab" data-bs-toggle="tab" data-bs-target="#metas-content" type="button" role="tab" aria-controls="metas-content" aria-selected="false">
                    Metas
                    </button>   
                </li>
                @endif
                @if (auth()->user()->can('ver.tablero-vida'))
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="resumen-tab" data-bs-toggle="tab" data-bs-target="#resumen-content" type="button" role="tab" aria-controls="resumen-content" aria-selected="false">
                    Vida
                    </button>   
                </li>
                @endif
                @if (auth()->user()->can('ver.reportes-cartera'))
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="detalle-tab" data-bs-toggle="tab" data-bs-target="#detalle-content" type="button" role="tab" aria-controls="detalle-content" aria-selected="false">
                        Cartera
                    </button>   
                </li>
                @endif
            </ul>
            @if (auth()->user()->can('ver.resumen-ventas'))
            <div class="tab-pane fade show active" id="graficas-content" role="tabpanel" aria-labelledby="graficas-tab">
                @livewire('dashboard.resumen') 
            </div>
            @if (auth()->user()->can('ver.reportes-cartera'))
            <div class="tab-pane fade" id="metas-content" role="tabpanel" aria-labelledby="metas-tab">
                @livewire('dashboard.metas')
            </div>
            @endif
            @endif
             @if (auth()->user()->can('ver.reportes-cartera'))
            <div class="tab-pane fade" id="detalle-content" role="tabpanel" aria-labelledby="detalle-tab">
                @livewire('dashboard.cartera')
            </div>
            @endif
            @if (auth()->user()->can('ver.tablero-vida'))
            <div class="tab-pane fade" id="resumen-content" role="tabpanel" aria-labelledby="resumen-tab">
                @livewire('dashboard.resumen-cartera')
            </div>
            @endif
            {{-- Modal de resumen año/dependencia/sección --}}
            @livewire('dashboard.resumen-modal')
        </div>
</x-app-layout>