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

{% block title %}Pages Wiki françaises sans traduction anglaise{% endblock %}

{% block body %}
<div class="container mt-4">
    {% include 'admin/_wiki_navigation.html.twig' %}
    
    <h1>Pages Wiki françaises sans traduction anglaise</h1>
    <p class="lead">Liste des pages françaises du wiki OSM qui n'ont pas de traduction en anglais.</p>

    {% if last_updated %}
        <div class="alert alert-info">
            <i class="bi bi-info-circle"></i> Dernière mise à jour : {{ last_updated|date('d/m/Y H:i') }}
        </div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-header">
            <h2>Pages françaises uniquement</h2>
        </div>
        <div class="card-body">
            {% if untranslated_pages|length > 0 %}
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Titre</th>
                                <th>Clé</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for page in untranslated_pages %}
                                <tr>
                                    <td><strong>{{ page.title }}</strong></td>
                                    <td>{{ page.key }}</td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ page.url }}" target="_blank" class="btn btn-sm btn-outline-info" title="Version française">
                                                <i class="bi bi-translate"></i> FR
                                            </a>
                                            <a href="https://wiki.openstreetmap.org/wiki/{{ page.key }}" target="_blank" class="btn btn-sm btn-success" title="Créer la version anglaise">
                                                <i class="bi bi-plus-circle"></i> Créer EN
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                <div class="alert alert-info">
                    <p><i class="bi bi-info-circle"></i> Aucune page française sans traduction anglaise n'a été trouvée.</p>
                </div>
            {% endif %}
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <h2>À propos des pages sans traduction anglaise</h2>
        </div>
        <div class="card-body">
            <p>Ces pages sont des contenus originaux créés en français qui n'ont pas encore été traduits en anglais.</p>
            <p>Bien que la langue principale du wiki OSM soit l'anglais, il est parfois utile de créer d'abord du contenu dans sa langue maternelle, puis de le traduire.</p>
            <p>Contribuer à la traduction de ces pages en anglais permet de :</p>
            <ul>
                <li>Partager les connaissances avec la communauté internationale</li>
                <li>Améliorer la visibilité des contributions françaises</li>
                <li>Faciliter la collaboration entre contributeurs de différentes langues</li>
            </ul>
        </div>
    </div>

    <div class="mt-3">
        <a href="{{ path('app_admin_wiki') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Retour à la liste des pages wiki
        </a>
    </div>
</div>
{% endblock %}