<?php
/**
 * Modification SEO - SERVICES-AE
 * Page pour créer/modifier les paramètres SEO
 */

// Protection d'authentification
require_once __DIR__ . '/auth-check.php';

// Inclure les dépendances
require_once '../config/config.php';
require_once '../config/db.php';
require_once __DIR__ . '/SEOManager.php';

$pageId = $_GET['id'] ?? null;
$seoManager = new SEOManager($pdo);

// Données par défaut pour une nouvelle page
$seoData = [
    'id' => '',
    'page_name' => '',
    'page_title' => '',
    'meta_description' => '',
    'meta_keywords' => '',
    'og_title' => '',
    'og_description' => '',
    'og_image' => '',
    'twitter_title' => '',
    'twitter_description' => '',
    'twitter_image' => '',
    'canonical_url' => '',
    'meta_robots' => 'index,follow'
];

// Si on modifie une page existante
if ($pageId) {
    $existingData = $seoManager->getById($pageId);
    if ($existingData) {
        $seoData = $existingData;
    } else {
        header('Location: seo-management.php');
        exit;
    }
}

// Traitement du formulaire
if ($_POST) {
    $pageName = $_POST['page_name'] ?? '';
    
    if (empty($pageName)) {
        $error_message = "Le nom de la page est obligatoire.";
    } else {
        $data = [
            'page_name' => $pageName,
            'page_title' => $_POST['page_title'] ?? '',
            'meta_description' => $_POST['meta_description'] ?? '',
            'meta_keywords' => $_POST['meta_keywords'] ?? '',
            'og_title' => $_POST['og_title'] ?? '',
            'og_description' => $_POST['og_description'] ?? '',
            'og_image' => $_POST['og_image'] ?? '',
            'og_type' => 'website',
            'twitter_card' => 'summary_large_image',
            'twitter_title' => $_POST['twitter_title'] ?? '',
            'twitter_description' => $_POST['twitter_description'] ?? '',
            'twitter_image' => $_POST['twitter_image'] ?? '',
            'canonical_url' => $_POST['canonical_url'] ?? '',
            'meta_robots' => $_POST['meta_robots'] ?? 'index,follow',
            'schema_type' => 'WebPage',
            'custom_head' => '',
            'status' => 'active'
        ];
        
        if ($seoManager->createOrUpdate($data)) {
            $success_message = $pageId ? "Les paramètres SEO ont été mis à jour avec succès !" : "La page SEO a été créée avec succès !";
            
            // Si c'était une création, récupérer l'ID et rediriger
            if (!$pageId) {
                $newData = $seoManager->getByPageName($pageName);
                if ($newData) {
                    header("Location: edit-seo.php?id=" . $newData['id'] . "&created=1");
                    exit;
                }
            } else {
                $seoData = $seoManager->getById($pageId); // Recharger les données
            }
        } else {
            $error_message = "Erreur lors de l'enregistrement des paramètres SEO.";
        }
    }
}

// Configuration pour le contenu de la page
ob_start();
?>

<!-- Contenu de la page -->
<div class="row">
    <div class="col-12">
        <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">
                            <i class="bx <?php echo $pageId ? 'bx-edit' : 'bx-plus'; ?> me-2"></i>
                            <?php echo $pageId ? 'Modifier SEO - ' . htmlspecialchars($seoData['page_name'] ?? '') : 'Créer une nouvelle page SEO'; ?>
                        </h5>
                        <a href="seo-management.php" class="btn btn-secondary">
                            <i class="bx bx-arrow-back me-1"></i>
                            Retour
                        </a>
                    </div>
                    
                    <div class="card-body">
                        <?php if (isset($_GET['created']) && $_GET['created'] == 1): ?>
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <i class="bx bx-check-circle me-2"></i>
                                La page SEO a été créée avec succès !
                                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            </div>
                        <?php endif; ?>
                        
                        <?php if (isset($success_message)): ?>
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <i class="bx bx-check-circle me-2"></i>
                                <?php echo $success_message; ?>
                                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            </div>
                        <?php endif; ?>
                        
                        <?php if (isset($error_message)): ?>
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                <i class="bx bx-x-circle me-2"></i>
                                <?php echo $error_message; ?>
                                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            </div>
                        <?php endif; ?>

                        <form method="POST">
                            <!-- Métadonnées de base -->
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h6 class="text-primary mb-3">
                                        <i class="bx bx-tag me-2"></i>
                                        Métadonnées de base
                                    </h6>
                                </div>
                                
                                <div class="col-12 mb-3">
                                    <label class="form-label">Nom de la page <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="page_name" 
                                           value="<?php echo htmlspecialchars($seoData['page_name'] ?? ''); ?>" 
                                           placeholder="Ex: index, services, contact, about"
                                           <?php echo $pageId ? 'readonly' : 'required'; ?>>
                                    <div class="form-text">
                                        <?php if ($pageId): ?>
                                            Le nom de la page ne peut pas être modifié après création
                                        <?php else: ?>
                                            Nom unique pour identifier la page (sans espaces, caractères spéciaux)
                                        <?php endif; ?>
                                    </div>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Titre SEO</label>
                                    <input type="text" class="form-control" name="page_title" 
                                           value="<?php echo htmlspecialchars($seoData['page_title'] ?? ''); ?>" 
                                           placeholder="Titre optimisé pour le SEO">
                                    <div class="form-text">Idéalement entre 50-60 caractères</div>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Mots-clés</label>
                                    <input type="text" class="form-control" name="meta_keywords" 
                                           value="<?php echo htmlspecialchars($seoData['meta_keywords'] ?? ''); ?>" 
                                           placeholder="mot-clé1, mot-clé2, mot-clé3">
                                    <div class="form-text">Séparez les mots-clés par des virgules</div>
                                </div>
                                
                                <div class="col-12 mb-3">
                                    <label class="form-label">Meta Description</label>
                                    <textarea class="form-control" name="meta_description" rows="3" 
                                              placeholder="Description optimisée pour les moteurs de recherche"><?php echo htmlspecialchars($seoData['meta_description'] ?? ''); ?></textarea>
                                    <div class="form-text">Idéalement entre 150-160 caractères</div>
                                </div>
                            </div>

                            <!-- Open Graph -->
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h6 class="text-info mb-3">
                                        <i class="bx bxl-facebook me-2"></i>
                                        Open Graph (Facebook, LinkedIn)
                                    </h6>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Titre OG</label>
                                    <input type="text" class="form-control" name="og_title" 
                                           value="<?php echo htmlspecialchars($seoData['og_title'] ?? ''); ?>" 
                                           placeholder="Titre pour les réseaux sociaux">
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Image OG</label>
                                    <input type="url" class="form-control" name="og_image" 
                                           value="<?php echo htmlspecialchars($seoData['og_image'] ?? ''); ?>" 
                                           placeholder="https://example.com/image.jpg">
                                </div>
                                
                                <div class="col-12 mb-3">
                                    <label class="form-label">Description OG</label>
                                    <textarea class="form-control" name="og_description" rows="3" 
                                              placeholder="Description pour les réseaux sociaux"><?php echo htmlspecialchars($seoData['og_description'] ?? ''); ?></textarea>
                                </div>
                            </div>

                            <!-- Twitter Cards -->
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h6 class="text-dark mb-3">
                                        <i class="bx bxl-twitter me-2"></i>
                                        Twitter Cards
                                    </h6>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Titre Twitter</label>
                                    <input type="text" class="form-control" name="twitter_title" 
                                           value="<?php echo htmlspecialchars($seoData['twitter_title'] ?? ''); ?>" 
                                           placeholder="Titre pour Twitter">
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Image Twitter</label>
                                    <input type="url" class="form-control" name="twitter_image" 
                                           value="<?php echo htmlspecialchars($seoData['twitter_image'] ?? ''); ?>" 
                                           placeholder="https://example.com/image.jpg">
                                </div>
                                
                                <div class="col-12 mb-3">
                                    <label class="form-label">Description Twitter</label>
                                    <textarea class="form-control" name="twitter_description" rows="3" 
                                              placeholder="Description pour Twitter"><?php echo htmlspecialchars($seoData['twitter_description'] ?? ''); ?></textarea>
                                </div>
                            </div>

                            <!-- Paramètres techniques -->
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h6 class="text-warning mb-3">
                                        <i class="bx bx-cog me-2"></i>
                                        Paramètres techniques
                                    </h6>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">URL Canonique</label>
                                    <input type="url" class="form-control" name="canonical_url" 
                                           value="<?php echo htmlspecialchars($seoData['canonical_url'] ?? ''); ?>" 
                                           placeholder="https://example.com/page">
                                    <div class="form-text">URL canonique pour éviter le contenu dupliqué</div>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Meta Robots</label>
                                    <select class="form-select" name="meta_robots">
                                        <option value="index,follow" <?php echo ($seoData['meta_robots'] ?? 'index,follow') === 'index,follow' ? 'selected' : ''; ?>>Index, Follow</option>
                                        <option value="index,nofollow" <?php echo ($seoData['meta_robots'] ?? '') === 'index,nofollow' ? 'selected' : ''; ?>>Index, No Follow</option>
                                        <option value="noindex,follow" <?php echo ($seoData['meta_robots'] ?? '') === 'noindex,follow' ? 'selected' : ''; ?>>No Index, Follow</option>
                                        <option value="noindex,nofollow" <?php echo ($seoData['meta_robots'] ?? '') === 'noindex,nofollow' ? 'selected' : ''; ?>>No Index, No Follow</option>
                                    </select>
                                </div>
                            </div>

                            <div class="d-flex justify-content-between">
                                <a href="seo-management.php" class="btn btn-outline-secondary">
                                    <i class="bx bx-x me-1"></i>
                                    Annuler
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="bx bx-save me-1"></i>
                                    Sauvegarder les modifications
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

<style>
.form-label {
    font-weight: 600;
    color: #566a7f;
}

.form-text {
    font-size: 0.75rem;
    color: #a8b1bb;
}

h6 {
    border-bottom: 1px solid #e7eaf3;
    padding-bottom: 8px;
    margin-bottom: 20px !important;
}

.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e7eaf3;
}

.alert {
    border-radius: 8px;
}
</style>

<?php
// Capturer le contenu généré
$page_content = ob_get_clean();

// Inclure le template avec le contenu
include 'template.php';
?>