<?php
// filepath: c:\xampp\htdocs\diamond\detalleBlog.php
include 'views/header.php';

// Verificar que se recibió un ID
if (!isset($_GET['id']) || empty($_GET['id'])) {
    echo "<script>window.location.href = 'blogs.php';</script>";
    exit;
}

$blogId = $_GET['id'];
?>

<section class="blog-detail-section" style="padding: 120px 0 50px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10 col-12">
                <!-- El contenido del blog se cargará aquí -->
                <div id="blog-content">
                    <div class="text-center py-5">
                        <div class="spinner-border text-primary" role="status">
                            <span class="visually-hidden">Cargando blog...</span>
                        </div>
                        <p class="mt-3">Cargando contenido...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Hidden input para pasar el ID del blog al JavaScript -->
<input type="hidden" id="blogId" value="<?php echo htmlspecialchars($blogId); ?>">

<!-- CSS específico para detalle del blog -->
<link rel="stylesheet" href="css/detalleBlog.css">

<!-- JavaScript específico para detalle del blog -->
<script src="js/detalleBlog.js"></script>

<?php include 'views/footer.php'; ?>