<?php
    include("../protecao_admin.php");
    include("../../conectar_db.php");

    // Obtém o código do imóvel via URL
    $codigo_imoveis = $_GET['codigo'] ?? '';

    if (empty($codigo_imoveis)) {
        die("Código do imóvel não fornecido.");
    }

    $dir_g = 'arquivos/img_imoveis_g/'.$codigo_imoveis;

    // Garante que o diretório exista
    if(!is_dir($dir_g)){
        mkdir($dir_g, 0777, true);
    }

    // Busca as imagens já cadastradas para este imóvel
    $consulta = "SELECT * FROM imoveis_imagem WHERE codigo ='$codigo_imoveis' ORDER BY numero_img ASC";
    $con = mysqli_query($conn, $consulta);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Gerenciar Imagens - OAlmeida</title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

    <style>
        body { background-color: #f8f9fa; font-family: 'Inter', sans-serif; }
        .main-container { margin-top: 50px; margin-bottom: 50px; }
        
        /* Estilo da Área de Upload */
        .upload-card { border: 2px dashed #007bff; border-radius: 15px; background: #fff; padding: 30px; text-align: center; transition: 0.3s; }
        .upload-card:hover { background: #f0f7ff; border-color: #0056b3; }
        
        /* Galeria de Imagens */
        .img-card { position: relative; border: none; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.2s; background: #fff; }
        .img-card:hover { transform: translateY(-5px); }
        .img-preview { width: 100%; height: 200px; object-fit: cover; }
        
        /* Botão de Deletar flutuante */
        .btn-delete-overlay { position: absolute; top: 10px; right: 10px; background: rgba(220, 53, 69, 0.9); color: white; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s; }
        .btn-delete-overlay:hover { background: #dc3545; color: white; transform: scale(1.1); }
        .btn-editar-overlay { position: absolute; top: 10px; right: 50px; background: rgba(13, 63, 48, 0.9); color: white; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s; }
        .btn-editar-overlay:hover { background: #135521; color: white; transform: scale(1.1); }

        .section-title { font-weight: 600; color: #333; margin-bottom: 25px; border-left: 5px solid #007bff; padding-left: 15px; }
    </style>
</head>
<body>

<div class="container main-container">
    <div class="row">
        <div class="col-12 mb-4 d-flex justify-content-between align-items-center">
            <h2 class="section-title m-0">Gerenciar Imagens do Imóvel: <?= $codigo_imoveis ?></h2>
            <a href="tela_cadastro_imoveis.php" class="btn btn-outline-secondary">
                <i class="fas fa-check me-2"></i>Concluir
            </a>
        </div>

        <div class="col-md-4">
            <div class="upload-card shadow-sm">
                <i class="fas fa-cloud-upload-alt fa-3x text-primary mb-3"></i>
                <h5>Nova Imagem</h5>
                <p class="text-muted small">Selecione uma foto para o imóvel</p>
                
                <form method="POST" action="redimensionar.php" enctype="multipart/form-data">
                    <input type="hidden" name="codigo_imoveis" value="<?= $codigo_imoveis ?>">
                    <div class="mb-3">
                        <input class="form-control" type="file" name="arquivo" id="formFile" required>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Titulo da Imagem</label>
                        <input name="titulo_img" type="text" class="form-control" placeholder="Ex: Conzinha, Sala, Quarto ...">
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Nº da Imagem</label>
                        <input name="numero_img" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    </br>
                    <button type="submit" class="btn btn-primary w-100 py-2 fw-bold">
                        <i class="fas fa-upload me-2"></i>Cadastrar
                    </button>
                </form>
            </div>    

        </div>

        <div class="col-md-8">
            <div class="row g-3">
                <?php if (mysqli_num_rows($con) > 0): ?>
                    <?php while($rows_dado = mysqli_fetch_array($con)): 
                        $caminho_img = "arquivos/img_imoveis_g/".$codigo_imoveis."/".$rows_dado['imagem'];
                        $titulo_img = $rows_dado['titulo_img'];
                        $numero_img = $rows_dado['numero_img'];
                    ?>
                        <div class="col-sm-6 col-lg-4">
                            <div class="card img-card">
                                <img src="<?= $caminho_img ?>" class="img-preview" alt="Foto do imóvel">
                                <a href="delete_img_cad.php?caminho_img=<?= $caminho_img ?>&id=<?= $rows_dado['id'] ?>&codigo=<?= $codigo_imoveis ?>" 
                                   class="btn-delete-overlay" title="Excluir Imagem"
                                   onclick="return confirm('Tem certeza que deseja excluir esta imagem?')">
                                    <i class="fas fa-trash-alt"></i>
                                </a>

                                
                                 <a href="#=<?= $caminho_img ?>&id=<?= $rows_dado['id'] ?>&codigo=<?= $codigo_imoveis ?>" 
                                   class="btn-editar-overlay" title="Editar Imagem"
                                   onclick="return confirm('Tem certeza que deseja editar esta imagem?')">
                                    <i class="fas fa-edit"></i>
                                </a>

                            </div>
                            <label class="form-label">N°: <?= $numero_img ?> - Titulo: <?= $titulo_img ?></label>
                        </div>
                    <?php endwhile; ?>
                <?php else: ?>
                    <div class="col-12 text-center py-5">
                        <div class="text-muted">
                            <i class="fas fa-images fa-4x mb-3 opacity-25"></i>
                            <p>Nenhuma imagem cadastrada para este imóvel.</p>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
<?php mysqli_close($conn); ?>