<?= $this->extend('layouts/admin') ?>

<?= $this->section('title') ?>Gestión de Productos<?= $this->endSection() ?>

<?= $this->section('content') ?>
<section class="panel-card">
    <div class="panel-header">
        <div>
            <span class="panel-eyebrow">Dulcería</span>
            <h2>Productos</h2>
            <p>Administra la disponibilidad, precio y categoría del inventario.</p>
        </div>
        <a href="<?= base_url('admin/productos/crear') ?>" class="btn btn-primary">+ Nuevo producto</a>
    </div>

    <form method="GET" action="<?= base_url('admin/productos') ?>" class="search-panel">
        <div class="search-box">
            <input type="text" name="q" placeholder="Buscar por nombre o categoría" value="<?= esc($q) ?>">
            <button type="submit" class="btn btn-secondary">Buscar</button>
        </div>
    </form>

    <?php if (empty($productos)): ?>
        <div class="empty-state">No se encontraron productos.</div>
    <?php else: ?>
        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>Imagen</th>
                        <th>Nombre</th>
                        <th>Descripción</th>
                        <th>Categoría</th>
                        <th>Precio</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($productos as $producto): ?>
                        <tr>
                            <td>
                                <?php if ($producto->imagen_url): ?>
                                    <img src="<?= esc($producto->imagen_url) ?>" alt="Producto" class="product-thumb">
                                <?php else: ?>
                                    <span class="no-img-placeholder">Sin imagen</span>
                                <?php endif; ?>
                            </td>
                            <td><strong><?= esc($producto->nombre) ?></strong></td>
                            <td><span class="desc-text"><?= esc($producto->descripcion ?: '-') ?></span></td>
                            <td><span class="status-pill active"><?= esc(ucfirst($producto->categoria)) ?></span></td>
                            <td>S/. <?= number_format($producto->precio, 2) ?></td>
                            <td>
                                <span class="status-pill <?= $producto->disponible == 1 ? 'active' : 'inactive' ?>">
                                    <?= $producto->disponible == 1 ? 'Disponible' : 'Agotado' ?>
                                </span>
                            </td>
                            <td>
                                <div class="table-actions">
                                    <a href="<?= base_url('admin/productos/editar/' . $producto->id_producto) ?>" class="action-link edit">Editar</a>
                                    <a href="<?= base_url('admin/productos/eliminar/' . $producto->id_producto) ?>" class="action-link delete" onclick="return confirm('¿Seguro que deseas eliminar este producto?');">Eliminar</a>
                                </div>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>

        <div class="pager-wrap">
            <?= $pager->links() ?>
        </div>
    <?php endif; ?>
</section>
<?= $this->endSection() ?>
