<?php
/**
 * TechShop Perú - Panel Admin: Gestión de Categorías
 */
define('SECURE_ACCESS', true);
require_once __DIR__ . '/../includes/config.php';
require_once __DIR__ . '/../includes/database.php';
require_once __DIR__ . '/../includes/functions.php';

require_admin();
$db = db();

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!csrf_verify()) {
        set_flash('error', 'Token inválido.');
    } else {
        $nombre = sanitize($_POST['nombre'] ?? '');
        $icono = sanitize($_POST['icono'] ?? 'tag');
        $descripcion = sanitize($_POST['descripcion'] ?? '');

        if (!empty($nombre)) {
            $slug = strtolower(trim(preg_replace('/[^A-Za-z0-9-]+/', '-', $nombre)));
            $stmt = $db->prepare('
                INSERT INTO categorias (nombre, slug, descripcion, icono, activo, orden) 
                VALUES (?, ?, ?, ?, 1, 99)
            ');
            $stmt->execute([$nombre, $slug, $descripcion, $icono]);
            set_flash('success', 'Categoría "' . $nombre . '" creada con éxito.');
        }
    }
    csrf_regenerate();
    redirect('panel-admin-tech/categorias.php');
}

$stmt = $db->query('SELECT * FROM categorias ORDER BY orden ASC');
$categorias = $stmt->fetchAll();

$page_title = 'Gestión de Categorías';
require_once __DIR__ . '/views/layout.php';
?>

<div class="card border-0 shadow-sm p-4 mb-4">
    <h5 class="fw-bold mb-3"><i class="bi bi-plus-circle me-2"></i>Agregar Nueva Categoría</h5>
    <form method="POST" class="row g-3">
        <?= csrf_field() ?>
        <div class="col-md-6">
            <label class="form-label font-weight-bold">Nombre de la Categoría *</label>
            <input type="text" name="nombre" class="form-control" placeholder="Ej: Audio & Video" required>
        </div>
        <div class="col-md-6">
            <label class="form-label font-weight-bold">Ícono Bootstrap (ej: laptop, headphones, phone)</label>
            <input type="text" name="icono" class="form-control" placeholder="headphones" value="tag">
        </div>
        <div class="col-12">
            <label class="form-label font-weight-bold">Descripción</label>
            <input type="text" name="descripcion" class="form-control" placeholder="Descripción breve de la categoría">
        </div>
        <div class="col-12 text-end">
            <button type="submit" class="btn btn-primary"><i class="bi bi-tags me-1"></i>Crear Categoría</button>
        </div>
    </form>
</div>

<div class="table-responsive bg-white rounded shadow-sm p-3">
  <table class="table table-hover align-middle mb-0">
    <thead class="table-light">
      <tr><th>Ícono</th><th>Nombre</th><th>Slug</th><th>Descripción</th><th>Estado</th></tr>
    </thead>
    <tbody>
      <?php foreach ($categorias as $c): ?>
      <tr>
        <td class="fs-4 text-primary"><i class="bi bi-<?= e($c['icono'] ?? 'tag') ?>"></i></td>
        <td class="fw-bold"><?= e($c['nombre']) ?></td>
        <td><code><?= e($c['slug']) ?></code></td>
        <td><?= e($c['descripcion']) ?></td>
        <td><?= $c['activo'] ? '<span class="badge bg-success">Activo</span>' : '<span class="badge bg-secondary">Inactivo</span>' ?></td>
      </tr>
      <?php endforeach; ?>
    </tbody>
  </table>
</div>
