{% set french_months = {1: 'janv.', 2: 'févr.', 3: 'mars', 4: 'avr.', 5: 'mai', 6: 'juin', 7: 'juil.', 8: 'août', 9: 'sept.', 10: 'oct.', 11: 'nov.', 12: 'déc.'} %}
{% set project_tabs = {
    overview: {label: 'Vue générale', icon: 'ti-trending-up'},
    tasks: {label: 'Tâches', icon: 'ti-list-check', count: view.tasks|length},
    tickets: {label: 'Tickets', icon: 'ti-ticket', count: view.tickets|length},
    comments: {label: 'Commentaires', icon: 'ti-message-dots', count: view.comments|length},
    finance: {label: 'Finance', icon: 'ti-file-chart', allowed: can_view_financial},
    maintenance: {label: 'Maintenance', icon: 'ti-shield-check', allowed: can_view_maintenance and view.maintenance.enabled},
    files: {label: 'Fichiers', icon: 'ti-file'}
} %}
{% set active_project_tab = active_project_tab|default('tasks') %}
<section class="project-show__hero">
    <div class="project-show__identity">
        <span class="project-show__project-icon"><i class="ti ti-world"></i></span>
        <div>
            <div class="project-show__title-line">
                <h1>{{ project.titre }}</h1>
                {% if project.websiteMaintenanceEnabled %}<span class="project-badge project-badge--green"><i class="ti ti-shield-check"></i> Maintenance active</span>{% endif %}
                <span class="project-badge project-badge--blue"><i class="ti ti-circle"></i> {{ project.statut }}</span>
            </div>
            <div class="project-show__meta">
                <span><i class="ti ti-user"></i>{{ project.client ? project.client.nom : 'Sans client' }}</span>
                <span><i class="ti ti-tag"></i>{{ project.type }}</span>
                <span><i class="ti ti-calendar"></i>Créé le {{ project.createdAt|date('j') }} {{ french_months[project.createdAt|date('n')] }} {{ project.createdAt|date('Y') }}</span>
                {% if project.deadline %}<span class="{{ view.deadline_overdue ? 'is-danger' : 'is-warning' }}"><i class="ti ti-alert-triangle"></i>Deadline : {{ project.deadline|date('j') }} {{ french_months[project.deadline|date('n')] }} {{ project.deadline|date('Y') }}</span>{% endif %}
            </div>
        </div>
    </div>
    <div class="project-show__hero-actions">
        <a class="project-button project-button--secondary" href="{{ path('projet_edit', {id: project.id}) }}"><i class="ti ti-pencil"></i> Modifier</a>
        <details class="project-more">
            <summary class="project-button project-button--secondary"><i class="ti ti-dots"></i> Plus</summary>
            <div>
                <form method="post" action="{{ path('projet_change_status', {id: project.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('projet_change_status_' ~ project.id) }}">
                    <label>Changer le statut<select name="statut" onchange="this.form.submit()">{% for value, label in statuses %}<option value="{{ value }}" {{ project.statut == value ? 'selected' : '' }}>{{ label }}</option>{% endfor %}</select></label>
                </form>
                <form method="post" action="{{ path('projet_archive', {id: project.id}) }}" onsubmit="return confirm('Archiver ce projet ?')">
                    <input type="hidden" name="_token" value="{{ csrf_token('projet_archive_' ~ project.id) }}">
                    <button type="submit"><i class="ti ti-archive"></i> Archiver le projet</button>
                </form>
            </div>
        </details>
    </div>
    <nav class="project-show__tabs" aria-label="Navigation du projet">
        {% for name, tab in project_tabs %}{% if tab.allowed is not defined or tab.allowed %}
            <a href="{{ path('projet_show', {id: project.id, tab: name}) }}" class="{{ name == active_project_tab ? 'is-active' : '' }}" {{ name == active_project_tab ? 'aria-current="page"' : '' }}>
                <i class="ti {{ tab.icon }}"></i>{{ tab.label }}{% if tab.count is defined %}<span>{{ tab.count }}</span>{% endif %}
            </a>
        {% endif %}{% endfor %}
    </nav>
</section>