<?php
session_start();
include 'conexion.php';

// SEGURIDAD: Solo el administrador puede entrar
if (!isset($_SESSION['rol']) || $_SESSION['rol'] !== 'admin') {
    header("Location: index.php");
    exit();
}

/**
 * CONSULTA CORREGIDA:
 * Cambiamos 'correo' por 'email'
 * Cambiamos 'rol' por 'tipo_usuario'
 */
$query = "SELECT 
            v.id AS venta_id, 
            u.nombre AS usuario_nombre, 
            u.email AS usuario_correo, 
            u.tipo_usuario AS usuario_rol,
            m.titulo AS material_titulo, 
            v.monto, 
            v.fecha_venta, 
            v.referencia_pago
          FROM ventas v
          INNER JOIN usuarios u ON v.usuario_id = u.id
          INNER JOIN materiales m ON v.material_id = m.id
          ORDER BY v.fecha_venta DESC";

$resultado = mysqli_query($conexion, $query);

if (!$resultado) {
    die("Error en la consulta: " . mysqli_error($conexion));
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Historial Global de Ventas — Edujoam</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body { background-color: #f8fafc; font-family: 'Outfit', sans-serif; }
        .main-card { border-radius: 20px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.05); background: white; }
        .table thead { background-color: #0f172a; color: white; border-radius: 15px 15px 0 0; }
        .badge-rol { font-size: 0.7rem; padding: 4px 8px; border-radius: 6px; font-weight: 700; text-transform: uppercase; }
        .text-primary-dark { color: #1e3a8a; }
    </style>
</head>
<body>

<div class="container-fluid py-5 px-md-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2 class="fw-bold text-primary-dark mb-0">
                <i class="fas fa-chart-line me-2"></i> Historial Global de Ventas
            </h2>
            <p class="text-muted mb-0">Registro detallado de transacciones aprobadas.</p>
        </div>
        <a href="admin.php" class="btn btn-dark rounded-pill px-4">
            <i class="fas fa-arrow-left me-2"></i> Volver al Panel
        </a>
    </div>

    <div class="card main-card">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="tablaVentas" class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th class="border-0">Fecha / Hora</th>
                            <th class="border-0">Cliente</th>
                            <th class="border-0">Contacto</th>
                            <th class="border-0">Material</th>
                            <th class="border-0">Monto</th>
                            <th class="border-0">Referencia</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php while($reg = mysqli_fetch_assoc($resultado)): ?>
                        <tr>
                            <td>
                                <div class="fw-bold"><?= date('d/m/Y', strtotime($reg['fecha_venta'])); ?></div>
                                <small class="text-muted"><?= date('H:i', strtotime($reg['fecha_venta'])); ?></small>
                            </td>
                            <td>
                                <div class="fw-bold"><?= htmlspecialchars($reg['usuario_nombre']); ?></div>
                                <span class="badge bg-secondary badge-rol"><?= htmlspecialchars($reg['usuario_rol']); ?></span>
                            </td>
                            <td>
                                <div class="small">
                                    <i class="fas fa-envelope me-1 text-muted"></i> 
                                    <?= htmlspecialchars($reg['usuario_correo']); ?>
                                </div>
                            </td>
                            <td>
                                <div class="small fw-bold text-primary"><?= htmlspecialchars($reg['material_titulo']); ?></div>
                            </td>
                            <td class="fw-bold text-success">
                                S/ <?= number_format($reg['monto'], 2); ?>
                            </td>
                            <td>
                                <span class="badge bg-light text-dark border fw-normal">
                                    #<?= htmlspecialchars($reg['referencia_pago']); ?>
                                </span>
                            </td>
                        </tr>
                        <?php endwhile; ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap5.min.js"></script>

<script>
    $(document).ready(function() {
        $('#tablaVentas').DataTable({
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.13.4/i18n/es-ES.json"
            },
            "order": [[ 0, "desc" ]],
            "pageLength": 10
        });
    });
</script>

</body>
</html>