{% extends 'base.html.twig' %}

{% block title %}Administration SEO - {{ parent() }}{% endblock %}

{% block body %}
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1><i class="fas fa-search me-2"></i>Administration SEO</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ path('admin_dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">SEO</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row g-4">
        <!-- Sitemap -->
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-primary text-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-sitemap me-2"></i>Sitemap XML
                    </h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Gérez et visualisez le sitemap XML de votre site.</p>
                    <div class="d-grid gap-2">
                        <a href="{{ path('admin_seo_sitemap_preview') }}" class="btn btn-outline-primary">
                            <i class="fas fa-eye me-2"></i>Prévisualiser
                        </a>
                        <a href="{{ path('seo_sitemap') }}" class="btn btn-outline-secondary" target="_blank">
                            <i class="fas fa-external-link-alt me-2"></i>Voir le sitemap
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Robots.txt -->
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-success text-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-robot me-2"></i>Robots.txt
                    </h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Configuration des directives pour les robots d'indexation.</p>
                    <div class="d-grid gap-2">
                        <a href="{{ path('seo_robots') }}" class="btn btn-outline-success" target="_blank">
                            <i class="fas fa-external-link-alt me-2"></i>Voir robots.txt
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Meta Tags -->
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-warning text-dark">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-tags me-2"></i>Meta Tags
                    </h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Testez et prévisualisez les meta tags générés automatiquement.</p>
                    <div class="d-grid gap-2">
                        <a href="{{ path('admin_seo_meta_test') }}" class="btn btn-outline-warning">
                            <i class="fas fa-vial me-2"></i>Tester les meta tags
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Google Analytics -->
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-info text-white">
                    <h5 class="card-title mb-0">
                        <i class="fab fa-google me-2"></i>Google Analytics
                    </h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Configuration et suivi Google Analytics.</p>
                    <div class="d-grid gap-2">
                        <a href="{{ path('admin_seo_analytics_config') }}" class="btn btn-outline-info">
                            <i class="fas fa-cog me-2"></i>Configuration
                        </a>
                        <a href="{{ path('seo_analytics_script') }}" class="btn btn-outline-secondary" target="_blank">
                            <i class="fas fa-code me-2"></i>Script JS
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Outils SEO -->
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-dark text-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-tools me-2"></i>Outils SEO
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <a href="{{ path('admin_seo_tools') }}" class="btn btn-outline-dark w-100">
                                <i class="fas fa-wrench me-2"></i>Outils avancés
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="https://search.google.com/search-console" class="btn btn-outline-primary w-100" target="_blank">
                                <i class="fab fa-google me-2"></i>Search Console
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="https://www.bing.com/webmasters" class="btn btn-outline-info w-100" target="_blank">
                                <i class="fab fa-microsoft me-2"></i>Bing Webmaster
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Statistiques SEO -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-chart-line me-2"></i>Aperçu SEO
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col-md-3">
                            <div class="border rounded p-3">
                                <h3 class="text-primary mb-1">✓</h3>
                                <h6>Sitemap XML</h6>
                                <small class="text-muted">Généré automatiquement</small>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="border rounded p-3">
                                <h3 class="text-success mb-1">✓</h3>
                                <h6>Robots.txt</h6>
                                <small class="text-muted">Configuré par environnement</small>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="border rounded p-3">
                                <h3 class="text-warning mb-1">✓</h3>
                                <h6>Meta Tags</h6>
                                <small class="text-muted">Dynamiques par page</small>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="border rounded p-3">
                                <h3 class="text-info mb-1">✓</h3>
                                <h6>Schema.org</h6>
                                <small class="text-muted">Données structurées</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}