@extends('layouts.app')

@section('title', 'Dashboard | Veltrix v2')

@section('content')
    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body">
            <div class="vx-dashboard-hero-head">
                <div>
                    <h2 class="h5 mb-1">Pulso operativo</h2>
                    <p class="text-muted mb-0">Resumen rápido del usuario, contexto tenant y accesos del sistema.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="vx-kpi-grid mb-3">
        <article class="card vx-kpi-card">
            <div class="card-body">
                <div class="vx-kpi-head">
                    <span class="vx-kpi-icon"><i class="bx bx-user"></i></span>
                    <span class="vx-kpi-title">Usuario</span>
                    <span class="vx-kpi-trend is-neutral">Activo</span>
                </div>
                <p class="vx-kpi-value mb-0">{{ auth_user()?->nombre ?? 'N/A' }}</p>
                <small class="text-muted">{{ auth_user()?->email ?? 'Sin correo' }}</small>
            </div>
        </article>

        <article class="card vx-kpi-card">
            <div class="card-body">
                <div class="vx-kpi-head">
                    <span class="vx-kpi-icon"><i class="bx bxs-buildings"></i></span>
                    <span class="vx-kpi-title">Empresa</span>
                    <span class="vx-kpi-trend is-neutral">Tenant</span>
                </div>
                <p class="vx-kpi-value mb-0">{{ $tenantSwitcher['current_empresa_nombre'] ?? 'N/A' }}</p>
                <small class="text-muted">Sucursal: {{ $tenantSwitcher['current_sucursal_nombre'] ?? 'N/A' }}</small>
            </div>
        </article>

        <article class="card vx-kpi-card">
            <div class="card-body">
                <div class="vx-kpi-head">
                    <span class="vx-kpi-icon"><i class="bx bx-shield-quarter"></i></span>
                    <span class="vx-kpi-title">Rol</span>
                    <span class="vx-kpi-trend is-neutral">Seguridad</span>
                </div>
                <p class="vx-kpi-value mb-0">{{ auth_user()?->rol?->nombre ?? 'Sin rol' }}</p>
                <small class="text-muted">Permisos: {{ auth_user()?->rol?->permisos()?->count() ?? 0 }}</small>
            </div>
        </article>

        <article class="card vx-kpi-card">
            <div class="card-body">
                <div class="vx-kpi-head">
                    <span class="vx-kpi-icon"><i class="bx bx-transfer-alt"></i></span>
                    <span class="vx-kpi-title">Contexto</span>
                    <span class="vx-kpi-trend is-neutral">Sesión</span>
                </div>
                <p class="vx-kpi-value mb-0">{{ ($tenantSwitcher['can_switch'] ?? false) ? 'Múltiple' : 'Único' }}</p>
                <small class="text-muted">
                    @if ($tenantSwitcher['can_switch'] ?? false)
                        Contexto multiempresa habilitado.
                    @else
                        Contexto fijo para este usuario.
                    @endif
                </small>
            </div>
        </article>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body">
            <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                <h2 class="h6 mb-0">Módulos disponibles</h2>
            </div>

            <div class="d-flex gap-2 flex-wrap">
                @if (has_permission('dashboard.ver'))
                    <a class="btn btn-light border" href="{{ route('dashboard') }}">Dashboard</a>
                @endif
                @if (has_permission('empresas.ver'))
                    <a class="btn btn-light border" href="{{ route('empresas.index') }}">Empresas</a>
                @endif
                @if (has_permission('sucursales.ver'))
                    <a class="btn btn-light border" href="{{ route('sucursales.index') }}">Sucursales</a>
                @endif
                @if (has_permission('usuarios.ver'))
                    <a class="btn btn-light border" href="{{ route('usuarios.index') }}">Usuarios</a>
                @endif
                @if (has_permission('categorias.ver'))
                    <a class="btn btn-light border" href="{{ route('categorias.index') }}">Categorias</a>
                @endif
                @if (has_permission('clientes.ver'))
                    <a class="btn btn-light border" href="{{ route('clientes.index') }}">Clientes</a>
                @endif
                @if (has_permission('proveedores.ver'))
                    <a class="btn btn-light border" href="{{ route('proveedores.index') }}">Proveedores</a>
                @endif
                @if (has_permission('productos.ver'))
                    <a class="btn btn-light border" href="{{ route('productos.index') }}">Productos</a>
                @endif
                @if (has_permission('inventario.ver'))
                    <a class="btn btn-light border" href="{{ route('inventario.index') }}">Inventario</a>
                @endif
                @if (has_permission('pos.vender'))
                    <a class="btn btn-light border" href="{{ route('pos.index') }}">POS</a>
                @endif
                @if (has_permission('caja.ver'))
                    <a class="btn btn-light border" href="{{ route('caja.index') }}">Caja</a>
                @endif
                @if (has_permission('compras.ver'))
                    <a class="btn btn-light border" href="{{ route('compras.index') }}">Compras</a>
                @endif
            </div>
        </div>
    </div>
@endsection