@extends('layouts.admin')

@section('content')
<div class="content-header p-0 mb-3">
    <div class="container-fluid">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent p-0 mb-1">
                        <li class="breadcrumb-item"><a href="{{ route('admin.farmacia.dashboard') }}">Farmacia</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Centro de Reportes</li>
                    </ol>
                </nav>
                <h1 class="m-0 font-weight-bold" style="font-size: 1.55rem; color: var(--dm-text-main, #0f172a);">
                    <i class="bi bi-file-earmark-bar-graph text-primary mr-2"></i> Reportes y Estadísticas de Farmacia
                </h1>
                <p class="text-muted mb-0 small">Emisión oficial de reportes de existencias valorizadas, auditoría de vencimientos y ventas por período.</p>
            </div>
            <div>
                <a href="{{ route('admin.farmacia.dashboard') }}" class="btn btn-outline-secondary font-weight-bold">
                    <i class="bi bi-arrow-left mr-1"></i> Volver a Farmacia
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <!-- 1. Reporte de Inventario General Valorizado -->
        <div class="col-lg-4 col-md-6 mb-4">
            <div class="card card-outline card-primary shadow-sm h-100">
                <div class="card-body text-center p-4 d-flex flex-column justify-content-between">
                    <div>
                        <div class="rounded-circle d-inline-flex p-3 mb-3" style="background: rgba(2, 132, 199, 0.1);">
                            <i class="bi bi-boxes text-primary" style="font-size: 2.5rem;"></i>
                        </div>
                        <h4 class="font-weight-bold text-primary mb-2">Inventario General Valorizado</h4>
                        <p class="text-muted small">
                            Listado completo de medicamentos activos con código, nombre, lote, fecha de vencimiento, stock disponible, precio de compra y costo total valorizado del inventario.
                        </p>
                    </div>
                    <div class="mt-3">
                        <a href="{{ route('admin.farmacia.reportes.inventarioPdf') }}" target="_blank" class="btn btn-primary btn-block font-weight-bold shadow-sm">
                            <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Generar Inventario PDF
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 2. Reporte de Alertas de Vencimiento -->
        <div class="col-lg-4 col-md-6 mb-4">
            <div class="card card-outline card-danger shadow-sm h-100">
                <div class="card-body text-center p-4 d-flex flex-column justify-content-between">
                    <div>
                        <div class="rounded-circle d-inline-flex p-3 mb-3" style="background: rgba(239, 68, 68, 0.1);">
                            <i class="bi bi-clock-history text-danger" style="font-size: 2.5rem;"></i>
                        </div>
                        <h4 class="font-weight-bold text-danger mb-2">Alertas de Vencimiento y Caducidad</h4>
                        <p class="text-muted small">
                            Auditoría de medicamentos vencidos y aquellos con fecha de expiración próxima dentro de los siguientes 60 días para control de mermas y retiro preventivo de estanterías.
                        </p>
                    </div>
                    <div class="mt-3">
                        <a href="{{ route('admin.farmacia.reportes.vencimientosPdf') }}" target="_blank" class="btn btn-danger btn-block font-weight-bold shadow-sm">
                            <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Generar Auditoría PDF
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 3. Reporte de Ventas por Período -->
        <div class="col-lg-4 col-md-12 mb-4">
            <div class="card card-outline card-success shadow-sm h-100">
                <div class="card-header bg-light">
                    <h5 class="card-title font-weight-bold text-success mb-0">
                        <i class="bi bi-calendar-range mr-1"></i> Reporte de Ventas por Período
                    </h5>
                </div>
                <div class="card-body p-3">
                    <p class="text-muted small mb-3">
                        Seleccione el rango de fechas para generar el consolidado de ventas y dispensaciones con desglose de totales.
                    </p>
                    <form action="{{ route('admin.farmacia.reportes.ventasPdf') }}" method="POST" target="_blank">
                        @csrf
                        <div class="form-group mb-2">
                            <label class="small font-weight-bold text-muted">Fecha Desde <b>*</b>:</label>
                            <input type="date" name="fecha_desde" class="form-control" value="{{ \Carbon\Carbon::now()->startOfMonth()->format('Y-m-d') }}" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class="small font-weight-bold text-muted">Fecha Hasta <b>*</b>:</label>
                            <input type="date" name="fecha_hasta" class="form-control" value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}" required>
                        </div>
                        <button type="submit" class="btn btn-success btn-block font-weight-bold shadow-sm">
                            <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Generar Reporte de Ventas
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection