<?php
// /admin/editar-home.php
require 'db.php';

if(!defined('VX_OK')||!VX_OK){header('HTTP/1.0 403 Forbidden');exit;}

if (!isset($_SESSION['admin_logado'])) {
    header("Location: login.php");
    exit;
}

$mensagem = '';

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $upload_sucesso = true;

    if (!empty($_FILES['home_bg']['name'])) {
        $nome_arquivo = "bg-home.jpg"; 
        if (move_uploaded_file($_FILES['home_bg']['tmp_name'], "../img/" . $nome_arquivo)) {
            $pdo->prepare("UPDATE configs SET valor = ? WHERE chave = 'home_bg'")->execute(['img/' . $nome_arquivo]);
        } else { $upload_sucesso = false; }
    }

    if (!empty($_FILES['home_bg_mobile']['name'])) {
        $nome_arquivo_mobile = "bg-home-mobile.jpg";
        if (move_uploaded_file($_FILES['home_bg_mobile']['tmp_name'], "../img/" . $nome_arquivo_mobile)) {
            $pdo->prepare("UPDATE configs SET valor = ? WHERE chave = 'home_bg_mobile'")->execute(['img/' . $nome_arquivo_mobile]);
        } else { $upload_sucesso = false; }
    }

    $mensagem = $upload_sucesso ? "Imagens da Home atualizadas com sucesso!" : "Erro: Algum dos arquivos não pôde ser enviado.";
}

$configs = [];
$dados = $pdo->query("SELECT chave, valor FROM configs WHERE chave IN ('home_bg', 'home_bg_mobile')")->fetchAll();
foreach ($dados as $d) { $configs[$d['chave']] = $d['valor']; }

$img_desktop = $configs['home_bg'] ?? 'img/bg-home.jpg';
$img_mobile  = $configs['home_bg_mobile'] ?? $img_desktop;
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Editar Home | VoxCore CMS</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="admin.css?v=<?= time() ?>">
    <style>
        .editor-card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        .preview-box { background: #f1f5f9; border-radius: 10px; padding: 15px; text-align: center; border: 1px solid #e2e8f0; }
        
        /* 🛰️ GRAVIDADE CORRIGIDA: A imagem nunca ultrapassará 100% da largura da caixa */
        .img-fluid-custom { 
            max-width: 100%; 
            max-height: 180px; 
            object-fit: contain; 
            border-radius: 5px; 
            box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
        }
    </style>


    <?php 
        // No admin, o caminho volta uma pasta para achar a imagem na raiz /img/
        $stmt_fav_adm = $pdo->query("SELECT valor FROM configs WHERE chave = 'favicon_admin'");
        $fav_adm_path = $stmt_fav_adm->fetchColumn() ?: 'img/favicon_admin.png';
    ?>
    
    <link rel="icon" href="../<?= $fav_adm_path ?>?v=<?= time() ?>" type="image/png">

</head>
<body>

<?php include 'sidebar.php'; ?>

<main class="col-md-9 ms-sm-auto col-lg-10 main-content">
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-4 border-bottom">
        <h1 class="h2"><i class="fas fa-image text-primary"></i> Imagens da Home</h1>
    </div>

    <div class="editor-card">
        <?php if ($mensagem): ?>
            <div class="alert alert-success"><i class="fas fa-check-circle"></i> <?= $mensagem ?></div>
        <?php endif; ?>

        <form method="POST" enctype="multipart/form-data">
            <div class="row">
                <div class="col-md-6 mb-4">
                    <div class="preview-box h-100">
                        <h5 class="mb-3 text-secondary"><i class="fas fa-desktop"></i> Versão Desktop</h5>
                        <img src="../<?= $img_desktop ?>?v=<?= time() ?>" class="img-fluid-custom mb-3">
                        <div class="mt-2 text-start">
                            <label class="form-label small fw-bold">Alterar Imagem (Horizontal):</label>
                            <input type="file" name="home_bg" class="form-control" accept="image/*">
                        </div>
                    </div>
                </div>

                <div class="col-md-6 mb-4">
                    <div class="preview-box h-100">
                        <h5 class="mb-3 text-secondary"><i class="fas fa-mobile-alt"></i> Versão Mobile</h5>
                        <img src="../<?= $img_mobile ?>?v=<?= time() ?>" class="img-fluid-custom mb-3" style="width: 140px; object-fit: cover;">
                        <div class="mt-2 text-start">
                            <label class="form-label small fw-bold">Alterar Imagem (Quadrada/Vertical):</label>
                            <input type="file" name="home_bg_mobile" class="form-control" accept="image/*">
                        </div>
                    </div>
                </div>
            </div>

            <div class="alert alert-info py-2" style="font-size: 0.85rem;">
                <i class="fas fa-lightbulb"></i> <strong>Dica:</strong> A imagem Mobile será exibida automaticamente em telas menores que 768px.
            </div>

            <button type="submit" class="btn btn-primary w-100 fw-bold p-3">
                <i class="fas fa-upload"></i> Atualizar Imagens da Home
            </button>
        </form>
    </div>
</main>

<?php include 'footer_admin.php'; ?>
</body>
</html>