<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Reporte General de Productos - {{ $fechaFormateada }}</title>
    <style>
        body {
            font-family: 'Helvetica', 'Arial', sans-serif;
            color: #333;
            line-height: 1.5;
            margin: 0;
            padding: 0;
        }
        .header {
            padding: 20px;
            background-color: #f8f9fa;
            border-bottom: 3px solid #3B7312; /* Accent color from theme */
            margin-bottom: 20px;
        }
        .header table {
            width: 100%;
        }
        .logo-text {
            font-size: 24px;
            font-weight: bold;
            color: #3B7312;
        }
        .report-title {
            text-align: right;
            font-size: 18px;
            font-weight: bold;
            color: #444;
        }
        .container {
            padding: 0 20px;
        }
        .stats-box {
            width: 100%;
            margin-bottom: 20px;
            background-color: #f0f9e8;
            border: 1px solid #ddf2c7;
            padding: 15px;
            border-radius: 8px;
        }
        .stats-box table {
            width: 100%;
        }
        .stat-item {
            text-align: center;
        }
        .stat-value {
            font-size: 20px;
            font-weight: bold;
            color: #3B7312;
        }
        .stat-label {
            font-size: 10px;
            text-transform: uppercase;
            color: #777;
            font-weight: bold;
        }
        table.main-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        table.main-table th {
            background-color: #3B7312;
            color: white;
            text-align: left;
            padding: 10px;
            font-size: 11px;
            text-transform: uppercase;
        }
        table.main-table td {
            padding: 10px;
            border-bottom: 1px solid #eee;
            font-size: 11px;
        }
        .badge {
            padding: 3px 7px;
            border-radius: 4px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .badge-cat {
            background-color: #e2e8f0;
            color: #475569;
        }
        .footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            padding: 10px 20px;
            font-size: 10px;
            color: #999;
            text-align: center;
            border-top: 1px solid #eee;
        }
        .text-right { text-align: right; }
        .text-center { text-align: center; }
        .font-bold { font-weight: bold; }
        .low-stock { color: #dc2626; font-weight: bold; }
    </style>
</head>
<body>
    <div class="header">
        <table>
            <tr>
                <td>
                    <div class="logo-text">MINIMARKET</div>
                    <div style="font-size: 10px; color: #666;">Sistema de Gestión de Inventarios</div>
                </td>
                <td class="report-title">
                    REPORTE GENERAL DE PRODUCTOS<br>
                    <span style="font-size: 14px; font-weight: normal;">Fecha: {{ $fechaFormateada }}</span>
                </td>
            </tr>
        </table>
    </div>

    <div class="container">
        <div class="stats-box">
            <table>
                <tr>
                    <td class="stat-item">
                        <div class="stat-value">{{ $totalProductos }}</div>
                        <div class="stat-label">Total Tipos de Productos</div>
                    </td>
                    <td class="stat-item" style="border-left: 1px solid #ddf2c7;">
                        <div class="stat-value">{{ number_format($totalStock, 0) }}</div>
                        <div class="stat-label">Unidades en Stock</div>
                    </td>
                    <td class="stat-item" style="border-left: 1px solid #ddf2c7;">
                        <div class="stat-value">Bs {{ number_format($totalValorado, 2) }}</div>
                        <div class="stat-label">Valor Total Estimado</div>
                    </td>
                </tr>
            </table>
        </div>

        <table class="main-table">
            <thead>
                <tr>
                    <th>Producto</th>
                    <th>Categoría</th>
                    <th class="text-right">Cantidad</th>
                    <th>U.M.</th>
                    <th class="text-right">Precio Unid. (Bs)</th>
                    <th class="text-right">Total (Bs)</th>
                </tr>
            </thead>
            <tbody>
                @forelse($productos as $producto)
                    <tr>
                        <td class="font-bold">{{ $producto->nombre }}</td>
                        <td>
                            <span class="badge badge-cat">
                                {{ $producto->subcategoria->categoria->nombre ?? 'N/A' }}
                            </span>
                        </td>
                        <td class="text-right {{ $producto->stock_total <= ($producto->ingresoProducto->stock_minimo ?? 0) ? 'low-stock' : '' }}">
                            {{ number_format($producto->stock_total, 0) }}
                        </td>
                        <td>{{ $producto->unidad_medida }}</td>
                        <td class="text-right">{{ number_format($producto->precio_venta_unitario, 2) }}</td>
                        <td class="text-right">{{ number_format($producto->total_venta, 2) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" style="text-align: center; padding: 40px; color: #999;">
                            No hay productos registrados en el sistema.
                        </td>
                    </tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="5" class="text-right font-bold" style="padding: 15px;">VALOR TOTAL DEL INVENTARIO:</td>
                    <td class="text-right font-bold" style="padding: 15px; font-size: 14px; color: #3B7312;">
                        Bs {{ number_format($totalValorado, 2) }}
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>

    <div class="footer">
        Este documento es un reporte oficial de inventario general.<br>
        Generado el {{ date('d/m/Y H:i:s') }}
    </div>
</body>
</html>
