@extends('layouts.app')

@section('title', 'Reportes')
@section('subtitle', 'Consumo por usuario/centro de costo y top productos')

@section('content')
    <div class="card-grid">
        <div class="card">
            <h3>Top productos por bodega</h3>
            <div class="subtitle">Ranking por egresos</div>
            <div class="row" style="gap: 8px; margin-top: 8px;">
                <button class="btn btn-primary" type="button">Ver</button>
                <button class="btn btn-secondary" type="button">Exportar PDF</button>
                <button class="btn btn-secondary" type="button">Exportar Excel</button>
            </div>
        </div>
        <div class="card">
            <h3>Consumo por usuario / centro de costo</h3>
            <div class="subtitle">Filtrar por fecha y bodega</div>
            <div class="row" style="gap: 8px; margin-top: 8px;">
                <button class="btn btn-primary" type="button">Ver</button>
                <button class="btn btn-secondary" type="button">Exportar PDF</button>
                <button class="btn btn-secondary" type="button">Exportar Excel</button>
            </div>
        </div>
        <div class="card">
            <h3>Historial de movimientos por producto</h3>
            <div class="subtitle">Detalle por fecha/hora</div>
            <div class="row" style="gap: 8px; margin-top: 8px;">
                <button class="btn btn-primary" type="button">Ver</button>
                <button class="btn btn-secondary" type="button">Exportar PDF</button>
                <button class="btn btn-secondary" type="button">Exportar Excel</button>
            </div>
        </div>
    </div>
@endsection