<?php
session_start();
if (!isset($_SESSION['user_id'])) {
    header('Location: login.php');
    exit;
}
require_once 'layout_header.php';
require_once 'db/config.php';

try {
    $pdo = db();
    $stmt = $pdo->query("SELECT * FROM cobertura ORDER BY id DESC");
    $coberturas = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    echo "<div class='alert alert-danger'>Error al conectar con la base de datos: " . $e->getMessage() . "</div>";
    die();
}

$cobertura_banner = 'assets/uploads/cobertura_banner.jpg';
?>

<div class="container-fluid mt-4">
    <h1>Gestión de Cobertura</h1>

    <div class="card">
        <div class="card-header">
            Banner de la Página de Cobertura
        </div>
        <div class="card-body">
            <?php if (file_exists($cobertura_banner)): ?>
                <p><strong>Banner Actual:</strong></p>
                <img src="<?php echo $cobertura_banner; ?>?v=<?php echo time(); ?>" alt="Banner Cobertura" class="img-fluid mb-3">
            <?php else: ?>
                <p class="text-muted">No hay un banner de cobertura actualmente.</p>
            <?php endif; ?>

            <form action="save_cobertura_banner.php" method="post" enctype="multipart/form-data" class="mt-3">
                <div class="form-group">
                    <label for="cobertura_banner_input">Cambiar/Subir Banner (se recomienda formato JPG, 1200x400px)</label>
                    <input type="file" name="cobertura_banner" id="cobertura_banner_input" class="form-control" accept=".jpg,.jpeg">
                </div>
                <button type="submit" class="btn btn-primary mt-2">Guardar Banner</button>
            </form>
        </div>
    </div>

    <div class="card mt-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            Zonas de Cobertura
            <a href="add_cobertura.php" class="btn btn-success">Agregar Nueva Zona</a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead class="thead-dark">
                        <tr>
                            <th>Título</th>
                            <th>Descripción</th>
                            <th style="width: 100px;">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php if (empty($coberturas)): ?>
                            <tr>
                                <td colspan="3" class="text-center">No hay zonas de cobertura definidas.</td>
                            </tr>
                        <?php else: ?>
                            <?php foreach ($coberturas as $row): ?>
                                <tr>
                                    <td><?php echo htmlspecialchars($row['titulo']); ?></td>
                                    <td><?php echo nl2br(htmlspecialchars($row['descripcion'])); ?></td>
                                    <td>
                                        <a href="delete_cobertura.php?id=<?php echo $row['id']; ?>" class="btn btn-danger btn-sm" onclick="return confirm('¿Estás seguro de que quieres eliminar esta zona de cobertura?');">
                                            <i class="fas fa-trash"></i> Eliminar
                                        </a>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<?php require_once 'layout_footer.php'; ?>
