<div class="content-wrapper">
    <section class="content-header">
        <h1>Valorización de Inventario</h1>
    </section>

    <section class="content">

        <!-- FILTROS -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-primary" id="panelFiltros">
                    <div class="panel-heading"><strong><i class="fa fa-filter"></i> Filtros</strong></div>
                    <div class="panel-body">
                        <form method="get" action="<?php echo base_url('index.php/almacen/valorizacion'); ?>">
                            <div class="row">
                                <div class="col-md-3 form-group">
                                    <label>Almacén</label>
                                    <select name="almacen_id" class="form-control">
                                        <option value="">Todos los almacenes</option>
                                        <?php foreach($almacenes as $item): ?>
                                            <option value="<?php echo $item->id; ?>"
                                                <?php echo ($almacen_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                                <div class="col-md-3 form-group">
                                    <label>Categoría</label>
                                    <select name="categoria_id" class="form-control">
                                        <option value="">Todas las categorías</option>
                                        <?php foreach($categorias as $item): ?>
                                            <option value="<?php echo $item->id; ?>"
                                                <?php echo ($categoria_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                                <div class="col-md-2 form-group" style="padding-top:25px;">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search"></i> Filtrar
                                    </button>
                                    <a href="<?php echo base_url('index.php/almacen/valorizacion'); ?>" class="btn btn-default">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                </div>
                                <div class="col-md-4 form-group" style="padding-top:25px;">
                                    <button type="button" onclick="window.print()" class="btn btn-default pull-right">
                                        <i class="fa fa-print"></i> Imprimir
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- REPORTE -->
        <?php if(!empty($agrupado)): ?>

        <!-- ENCABEZADO IMPRESIÓN -->
        <div class="row" id="encabezadoImpresion" style="display:none;">
            <div class="col-md-12 text-center">
                <h3>Valorización de Inventario</h3>
                <p>Fecha de reporte: <?php echo $fecha_reporte; ?></p>
                <hr>
            </div>
        </div>

        <!-- RESUMEN CARDS -->
        <div class="row" id="cardsResumen">
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Total productos</h4>
                        <h2><?php echo array_sum(array_map(function($c){ return count($c['items']); }, $agrupado)); ?></h2>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Total categorías</h4>
                        <h2><?php echo count($agrupado); ?></h2>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-success">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Valor total inventario</h4>
                        <h2>S/ <?php echo number_format($total_general, 2); ?></h2>
                    </div>
                </div>
            </div>
        </div>

        <!-- TABLA POR CATEGORÍA -->
        <?php foreach($agrupado as $categoria => $data_cat): ?>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading" style="background:#f4f4f4;">
                        <strong>
                            <i class="fa fa-tag"></i> <?php echo strtoupper($categoria); ?>
                        </strong>
                        <span class="pull-right">
                            Subtotal: <strong>S/ <?php echo number_format($data_cat['subtotal'], 2); ?></strong>
                        </span>
                    </div>
                    <div class="panel-body" style="padding:0;">
                        <table class="table table-bordered table-hover table-striped" style="margin:0;">
                            <thead>
                                <tr style="background:#ecf0f1;">
                                    <th>Código</th>
                                    <th>Producto</th>
                                    <th>Almacén</th>
                                    <th class="text-center">Und.</th>
                                    <th class="text-right">Stock</th>
                                    <th class="text-right">P. Promedio</th>
                                    <th class="text-right">Valor Stock</th>
                                    <th class="text-right">% del Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach($data_cat['items'] as $item): ?>
                                    <?php
                                        $porcentaje = $total_general > 0
                                            ? round(((float)$item->valor_stock / $total_general) * 100, 2)
                                            : 0;
                                    ?>
                                    <tr>
                                        <td><?php echo $item->codigo; ?></td>
                                        <td><?php echo $item->producto; ?></td>
                                        <td><?php echo $item->almacen; ?></td>
                                        <td class="text-center"><?php echo $item->unidad ?? '-'; ?></td>
                                        <td class="text-right"><?php echo number_format((float)$item->cantidad_stock, 2); ?></td>
                                        <td class="text-right"><?php echo number_format((float)$item->precio_promedio, 4); ?></td>
                                        <td class="text-right"><strong><?php echo number_format((float)$item->valor_stock, 2); ?></strong></td>
                                        <td class="text-right">
                                            <div style="white-space:nowrap;">
                                                <?php echo $porcentaje; ?>%
                                                <div class="progress" style="margin:2px 0 0 0; height:6px;">
                                                    <div class="progress-bar progress-bar-success" style="width:<?php echo min($porcentaje, 100); ?>%"></div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                            <tfoot>
                                <tr style="background:#f9f9f9; font-weight:bold;">
                                    <td colspan="6" class="text-right">Subtotal <?php echo strtoupper($categoria); ?>:</td>
                                    <td class="text-right">S/ <?php echo number_format($data_cat['subtotal'], 2); ?></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <?php endforeach; ?>

        <!-- TOTAL GENERAL -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-success">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-8 text-right">
                                <h4><strong>TOTAL GENERAL DEL INVENTARIO</strong></h4>
                            </div>
                            <div class="col-md-4 text-right">
                                <h4><strong>S/ <?php echo number_format($total_general, 2); ?></strong></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <?php else: ?>
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-info">
                    <i class="fa fa-info-circle"></i>
                    No se encontraron productos con stock valorizado para los filtros seleccionados.
                </div>
            </div>
        </div>
        <?php endif; ?>

    </section>
</div>

<style>
@media print {
    #panelFiltros, #cardsResumen, .btn, .main-header,
    .sidebar, .content-header, .main-footer { display: none !important; }
    .content-wrapper { margin-left: 0 !important; }
    #encabezadoImpresion { display: block !important; }
    .panel { border: 1px solid #ccc !important; page-break-inside: avoid; }
    .progress { display: none !important; }
}
</style>
