<?php
require_once 'auth.php';
require_once '../db_conexion.php';

// Cambiar estado del pedido
if (isset($_GET['estado']) && isset($_GET['id'])) {
    $stmt = $pdo->prepare("UPDATE pedidos SET estado = ? WHERE id = ?");
    $stmt->execute([$_GET['estado'], $_GET['id']]);
    header("Location: pedidos.php?msg=actualizado");
    exit;
}

// Obtener pedidos
$pedidos = $pdo->query("
    SELECT * FROM pedidos ORDER BY fecha_pedido ASC
")->fetchAll();

// Obtener items de cada pedido
$items = $pdo->query("
    SELECT * FROM pedido_items
")->fetchAll();

// Agrupar items por pedido_id
$itemsPorPedido = [];
foreach ($items as $item) {
    $itemsPorPedido[$item['pedido_id']][] = $item;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Pedidos - Canelita Admin</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: sans-serif; background: #f5f5f5; }
        .sidebar { width: 220px; background: #3b1f0f; min-height: 100vh; position: fixed; top: 0; left: 0; padding: 30px 0; }
        .sidebar h2 { color: #c8702a; text-align: center; margin-bottom: 30px; font-size: 1.2rem; }
        .sidebar a { display: block; color: #ddd; padding: 12px 24px; text-decoration: none; font-size: 0.95rem; }
        .sidebar a:hover, .sidebar a.active { background: #c8702a; color: white; }
        .sidebar .logout { position: absolute; bottom: 20px; width: 100%; }
        .main { margin-left: 220px; padding: 30px; }
        .topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
        .topbar h1 { font-size: 1.5rem; color: #3b1f0f; }
        .alert-success { background: #d4edda; color: #155724; padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; }
        .pedido-card { background: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin-bottom: 20px; overflow: hidden; }
        .pedido-header { background: #3b1f0f; color: white; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
        .pedido-header h3 { font-size: 1rem; }
        .pedido-header span { font-size: 0.85rem; color: #ddd; }
        .pedido-body { padding: 16px 20px; }
        .pedido-info { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 14px; font-size: 0.9rem; color: #555; }
        .pedido-info strong { color: #3b1f0f; }
        table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
        th { background: #f5f0eb; color: #3b1f0f; padding: 8px 12px; text-align: left; }
        td { padding: 8px 12px; border-bottom: 1px solid #f0f0f0; }
        .pedido-footer { padding: 12px 20px; background: #fdf6f0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
        .badge { padding: 4px 12px; border-radius: 20px; font-size: 0.78rem; font-weight: 600; }
        .badge-Pendiente  { background: #fff3cd; color: #856404; }
        .badge-Entregado  { background: #d4edda; color: #155724; }
        .badge-Cancelado  { background: #f8d7da; color: #721c24; }
        .btn { padding: 7px 14px; border-radius: 6px; border: none; cursor: pointer; font-size: 0.82rem; font-weight: 600; text-decoration: none; display: inline-block; }
        .btn-entregado { background: #28a745; color: white; }
        .btn-cancelado { background: #e74c3c; color: white; }
        .total-row { font-weight: 700; color: #c8702a; font-size: 1rem; }
    </style>
</head>
<body>

<div class="sidebar">
    <h2>🍽️ Canelita</h2>
    <a href="dashboard.php">📦 Productos</a>
    <a href="pedidos.php" class="active">🧾 Pedidos</a>
    <div class="logout">
        <a href="logout.php">🚪 Cerrar sesión</a>
    </div>
</div>

<div class="main">
    <div class="topbar">
        <h1>Gestión de Pedidos</h1>
        <span style="color:#888; font-size:0.9rem;">Total: <?= count($pedidos) ?> pedidos</span>
    </div>

    <?php if (isset($_GET['msg'])): ?>
        <div class="alert-success">✅ Estado del pedido actualizado.</div>
    <?php endif; ?>

    <?php foreach ($pedidos as $p): ?>
    <div class="pedido-card">
        <div class="pedido-header">
            <h3>Pedido #<?= $p['id'] ?> — <?= htmlspecialchars($p['cliente_nombre']) ?></h3>
            <span><?= date('d/m/Y H:i', strtotime($p['fecha_pedido'])) ?></span>
        </div>

        <div class="pedido-body">
            <div class="pedido-info">
                <div>📞 <strong>Teléfono:</strong> <?= htmlspecialchars($p['cliente_telefono']) ?></div>
                <div>💳 <strong>Pago:</strong> <?= $p['metodo_pago'] === 'yape_plin' ? '📱 Yape/Transferencia' : '💵 Efectivo/Tarjeta' ?></div>
            </div>

            <!-- Items del pedido -->
            <table>
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Precio unit.</th>
                        <th>Cantidad</th>
                        <th>Subtotal</th>
                    </tr>
                </thead>
                <tbody>
                    <?php if (!empty($itemsPorPedido[$p['id']])): ?>
                        <?php foreach ($itemsPorPedido[$p['id']] as $item): ?>
                        <tr>
                            <td><?= htmlspecialchars($item['producto_nombre']) ?></td>
                            <td>S/ <?= number_format($item['precio'], 2) ?></td>
                            <td><?= $item['cantidad'] ?></td>
                            <td>S/ <?= number_format($item['subtotal'], 2) ?></td>
                        </tr>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <tr><td colspan="4" style="color:#999; font-style:italic;">Sin detalle de productos (pedido antiguo)</td></tr>
                    <?php endif; ?>
                </tbody>
            </table>
        </div>

        <div class="pedido-footer">
            <div style="display:flex; align-items:center; gap:12px;">
                <span>Estado:</span>
                <span class="badge badge-<?= $p['estado'] ?>"><?= $p['estado'] ?></span>
                <?php if ($p['estado'] !== 'Entregado'): ?>
                    <a href="?estado=Entregado&id=<?= $p['id'] ?>" class="btn btn-entregado"
                       onclick="return confirm('¿Marcar como entregado?')">✅ Entregado</a>
                <?php endif; ?>
                <?php if ($p['estado'] !== 'Cancelado'): ?>
                    <a href="?estado=Cancelado&id=<?= $p['id'] ?>" class="btn btn-cancelado"
                       onclick="return confirm('¿Cancelar este pedido?')">❌ Cancelar</a>
                <?php endif; ?>
            </div>
            <div class="total-row">Total: S/ <?= number_format($p['total'], 2) ?></div>
        </div>
    </div>
    <?php endforeach; ?>
</div>

</body>
</html>