@extends('layouts.app')

@section('title', 'Inicio - Minigest')

@section('content')
    <div class="row text-center mb-4">
        <div class="col-12">
            <h3 class="fw-bold">Resumen de Hoy</h3>
            <p class="text-muted small">Panel de Control Móvil</p>
        </div>
    </div>

    <!-- Botones de Acción Rápida para Móviles -->
    <div class="row g-3">
        
        <!-- Botones Principales (Colores Sólidos) -->
        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-primary text-white" onclick="location.href='{{ route('ventas.index') }}'" style="cursor:pointer;">
                <i class="bi bi-cart-plus display-4 mb-2"></i>
                <h6 class="card-title fw-bold m-0">Vender</h6>
            </div>
        </div>

        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-danger text-white" onclick="location.href='{{ route('gastos.index') }}'" style="cursor:pointer;">
                <i class="bi bi-graph-down-arrow display-4 mb-2"></i>
                <h6 class="card-title fw-bold m-0">Gasto</h6>
            </div>
        </div>

        <!-- Botón para Caja y Movimientos -->
        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 text-success bg-light" onclick="location.href='{{ route('movimientos.index') }}'" style="cursor:pointer;">
                <i class="bi bi-cash-stack display-4 mb-2"></i>
                <h6 class="card-title fw-bold m-0">Apertura/Cierre</h6>
            </div>
        </div>

        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-light text-dark" onclick="location.href='{{ route('clientes.index') }}'" style="cursor:pointer;">
                <i class="bi bi-people display-4 mb-2 text-primary"></i>
                <h6 class="card-title fw-bold m-0">Clientes</h6>
            </div>
        </div>

        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-light text-dark" onclick="location.href='{{ route('proveedores.index') }}'" style="cursor:pointer;">
                <i class="bi bi-truck display-4 mb-2 text-primary"></i>
                <h6 class="card-title fw-bold m-0">Proveedores</h6>
            </div>
        </div>

        <!-- Botones Secundarios (Formato Unificado: Fondo claro, texto oscuro, ícono azul) -->
        <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-light text-dark" onclick="location.href='{{ route('articulos.index') }}'" style="cursor:pointer;">
                <i class="bi bi-box-seam display-4 mb-2 text-primary"></i>
                <h6 class="card-title fw-bold m-0">Artículos</h6>
            </div>
        </div>

        <!-- <div class="col-6">
            <div class="card h-100 shadow-sm border-0 text-center py-4 bg-light text-dark" onclick="location.href='{{ route('ciudades.index') }}'" style="cursor:pointer;">
                <i class="bi bi-buildings display-4 mb-2 text-primary"></i>
                <h6 class="card-title fw-bold m-0">Ciudades</h6>
            </div>
        </div> -->

    </div>
@endsection