@php
    $user = auth()->user();

    // MVP: empresa actual = primera empresa asignada
    $empresaActual = $user?->empresas()?->first();
    $empresaNombre = $empresaActual?->nombre ?? 'Empresa';
    $rolEnEmpresa  = $empresaActual?->pivot?->rol ?? null;

    // URL del logo (si existe) o fallback
    $empresaLogo = $empresaActual?->logo_path
    ? asset('/storage/' . ltrim($empresaActual->logo_path, '/'))
    : asset('public/images/logo-default.png');
@endphp

{{-- (Opcional) CSS inline si no lo tienes en tu CSS global --}}
<style>
    .empresa-logo{
        width: 42px;
        height: 42px;
        object-fit: contain;
        border-radius: 10px;
        background: #fff;
        padding: 4px;
        border: 1px solid #e5e7eb;
        flex: 0 0 auto;
    }
    .empresa-item .bi::before,
.btn .bi::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  display: inline-block;
}
</style>

<!-- Sidebar (Desktop) -->
<aside class="d-none d-lg-flex flex-column empresa-sidebar">
    <div class="p-3 empresa-top">
        <div class="d-flex align-items-center gap-2">
            {{-- LOGO --}}
            <img src="{{ $empresaLogo }}" alt="Logo {{ $empresaNombre }}" class="empresa-logo">

            <div class="lh-sm">
                <div class="fw-bold">{{ $empresaNombre }}</div>
                <div class="small empresa-subtitle">
                    Panel Empresa
                    @if($rolEnEmpresa)
                        · {{ $rolEnEmpresa }}
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="p-3">
        <div class="small menu-label mb-2">MENÚ</div>

        <div class="list-group list-group-flush gap-1">

            <a href="{{ route('empresa.publicidad.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.publicidad.*') ? 'active' : '' }}">
                <i class="bi bi-megaphone"></i>
                <span>Publicidad</span>
            </a>

            <a href="{{ route('empresa.proveedores.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.proveedores.*') ? 'active' : '' }}">
                <i class="bi bi-truck"></i>
                <span>Proveedores</span>
            </a>

            <a href="{{ route('empresa.pagos-proveedor.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.pagos-proveedor.*') ? 'active' : '' }}">
                <i class="bi bi-cash-coin"></i>
                <span>Pagos Pendientes</span>
            </a>

            <a href="{{ route('empresa.cuentas-por-pagar.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.cuentas-por-pagar.*') ? 'active' : '' }}">
                <i class="bi bi-journal-text"></i>
                <span>Cuentas por pagar</span>
            </a>

            <a href="{{ route('empresa.viajes.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.viajes.*') ? 'active' : '' }}">
                <i class="bi bi-airplane"></i>
                <span>Viajes</span>
            </a>

            <a href="{{ route('empresa.equipos.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.equipos.*') ? 'active' : '' }}">
                <i class="bi bi-shield-fill me-1"></i>
                <span>Equipos</span>
            </a>

            <a href="{{ route('empresa.partidos-local.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.partidos-local.*') ? 'active' : '' }}">
                <i class="bi bi-house-flag me-1"></i>
                <span>Partidos Local</span>
            </a>

            <a href="{{ route('empresa.categorias-equipo.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.categorias-equipo.*') ? 'active' : '' }}">
                <i class="bi bi-people"></i>
                <span>Categorías Equipo</span>
            </a>

            <a href="{{ route('empresa.campeonatos.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.campeonatos.*') ? 'active' : '' }}">
                <i class="bi bi-award"></i>
                <span>Campeonatos</span>
            </a>

            <a href="{{ route('empresa.cuentas-bancarias.index') }}"
               class="list-group-item list-group-item-action empresa-item
                      {{ request()->routeIs('empresa.cuentas-bancarias.*') ? 'active' : '' }}">
                <i class="bi bi-bank"></i>
                <span>Cuentas Bancarias</span>
            </a>

            <a href="#" class="list-group-item list-group-item-action empresa-item disabled">
                <i class="bi bi-box-seam"></i>
                <span>Inventario (próximo)</span>
            </a>

            <a href="#" class="list-group-item list-group-item-action empresa-item disabled">
                <i class="bi bi-receipt"></i>
                <span>Compras (próximo)</span>
            </a>

            <a href="#" class="list-group-item list-group-item-action empresa-item disabled">
                <i class="bi bi-trophy"></i>
                <span>Gestión deportiva (próximo)</span>
            </a>

        </div>
    </div>

    <div class="mt-auto p-3 empresa-footer">
        <div class="d-flex align-items-center justify-content-between">
            <div class="small">
                <div class="fw-semibold">{{ $user?->name }}</div>
                <div class="empresa-user-muted">{{ $user?->email }}</div>
            </div>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button class="btn btn-light btn-sm border" title="Cerrar sesión">
                    <i class="bi bi-box-arrow-right"></i>
                </button>
            </form>
        </div>
    </div>
</aside>

<!-- Offcanvas (Mobile) -->
<div class="offcanvas offcanvas-start offcanvas-empresa" tabindex="-1" id="empresaSidebar"
     aria-labelledby="empresaSidebarLabel" style="width: 280px;">
    <div class="offcanvas-header border-bottom">
        <h5 class="offcanvas-title d-flex align-items-center" id="empresaSidebarLabel">
            {{-- LOGO MOBILE --}}
            <img src="{{ $empresaLogo }}" alt="Logo {{ $empresaNombre }}"
                 style="width:32px;height:32px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;border:1px solid #e5e7eb"
                 class="me-2">
            {{ $empresaNombre }}
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
    </div>

    <div class="offcanvas-body p-0 d-flex flex-column">
        <div class="p-3">
            <div class="small menu-label mb-2">MENÚ</div>

            <div class="list-group list-group-flush gap-1">
                <a href="{{ route('empresa.publicidad.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.publicidad.*') ? 'active' : '' }}">
                    <i class="bi bi-megaphone"></i>
                    <span>Publicidad</span>
                </a>

                <a href="{{ route('empresa.proveedores.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.proveedores.*') ? 'active' : '' }}">
                    <i class="bi bi-truck"></i>
                    <span>Proveedores</span>
                </a>

                <a href="{{ route('empresa.pagos-proveedor.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.pagos-proveedor.*') ? 'active' : '' }}">
                    <i class="bi bi-cash-coin"></i>
                    <span>Pagos Pendientes</span>
                </a>

                <a href="{{ route('empresa.cuentas-por-pagar.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.cuentas-por-pagar.*') ? 'active' : '' }}">
                    <i class="bi bi-journal-text"></i>
                    <span>Cuentas por pagar</span>
                </a>

                <a href="{{ route('empresa.viajes.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.viajes.*') ? 'active' : '' }}">
                    <i class="bi bi-airplane"></i>
                    <span>Viajes</span>
                </a>

                <a href="{{ route('empresa.equipos.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.equipos.*') ? 'active' : '' }}">
                    <i class="bi bi-shield-fill me-1"></i>
                    <span>Equipos</span>
                </a>

                <a href="{{ route('empresa.partidos-local.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.partidos-local.*') ? 'active' : '' }}">
                    <i class="bi bi-house-flag me-1"></i>
                    <span>Partidos Local</span>
                </a>

                <a href="{{ route('empresa.categorias-equipo.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.categorias-equipo.*') ? 'active' : '' }}">
                    <i class="bi bi-people"></i>
                    <span>Categorías Equipo</span>
                </a>

                <a href="{{ route('empresa.campeonatos.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.campeonatos.*') ? 'active' : '' }}">
                    <i class="bi bi-award"></i>
                    <span>Campeonatos</span>
                </a>

                <a href="{{ route('empresa.cuentas-bancarias.index') }}"
                   class="list-group-item list-group-item-action empresa-item
                          {{ request()->routeIs('empresa.cuentas-bancarias.*') ? 'active' : '' }}">
                    <i class="bi bi-bank"></i>
                    <span>Cuentas Bancarias</span>
                </a>
            </div>
        </div>

        <div class="mt-auto p-3 empresa-footer">
            <div class="small menu-label mb-2">SESIÓN</div>
            <div class="d-flex align-items-center justify-content-between">
                <div class="small">
                    <div class="fw-semibold">{{ $user?->name }}</div>
                    <div class="empresa-user-muted">{{ $user?->email }}</div>
                </div>

                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <button class="btn btn-light btn-sm border" title="Cerrar sesión">
                        <i class="bi bi-box-arrow-right"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>