{% extends 'export/pdf/base.html.twig' %}

{% block title %}Export projet - {{ project.name }} - LintellO{% endblock %}
{% block header_title %}Export projet{% endblock %}

{% block content %}
{# Summary Box #}
<div class="summary-box">
    <h3>{{ project.name }}</h3>
    <div class="summary-stats">
        <div class="summary-stat">
            <div class="summary-stat-value">{{ project.conversations|length }}</div>
            <div class="summary-stat-label">Conversation(s)</div>
        </div>
        <div class="summary-stat">
            <div class="summary-stat-value">{{ total_messages }}</div>
            <div class="summary-stat-label">Message(s)</div>
        </div>
        <div class="summary-stat">
            <div class="summary-stat-value">{{ project.createdAt|date('d/m/Y') }}</div>
            <div class="summary-stat-label">Date creation</div>
        </div>
    </div>
</div>

{# Project Details #}
<div class="section">
    <h2 class="section-title">Informations du projet</h2>
    <div class="section-content">
        <div class="info-grid">
            <div class="info-row">
                <div class="info-label">Nom</div>
                <div class="info-value">{{ project.name }}</div>
            </div>
            <div class="info-row">
                <div class="info-label">Date de creation</div>
                <div class="info-value">{{ project.createdAt|date('d/m/Y H:i') }}</div>
            </div>
            {% if project.updatedAt %}
            <div class="info-row">
                <div class="info-label">Derniere modification</div>
                <div class="info-value">{{ project.updatedAt|date('d/m/Y H:i') }}</div>
            </div>
            {% endif %}
            {% if project.tags|length > 0 %}
            <div class="info-row">
                <div class="info-label">Tags</div>
                <div class="info-value">
                    <div class="tags">
                        {% for tag in project.tags %}
                        <span class="tag" style="background-color: {{ tag.color }};">{{ tag.name }}</span>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% endif %}
        </div>

        {% if project.customInstructions %}
        <div class="project-instructions" style="margin-top: 15px;">
            <strong>Instructions personnalisees :</strong><br>
            {{ project.customInstructions|nl2br }}
        </div>
        {% endif %}
    </div>
</div>

{# Conversations #}
<div class="section">
    <h2 class="section-title">Conversations</h2>
    <div class="section-content">
        {% for conversation in project.conversations %}
        <div class="conversation-card">
            <div class="conversation-header">
                <h4 class="conversation-title">{{ conversation.title }}</h4>
                <div class="conversation-meta">
                    Modele: {{ conversation.model }} | {{ conversation.messages|length }} message(s) | {{ conversation.createdAt|date('d/m/Y H:i') }}
                    {% if conversation.tags|length > 0 %}
                    <div class="tags" style="margin-top: 5px;">
                        {% for tag in conversation.tags %}
                        <span class="tag" style="background-color: {{ tag.color }};">{{ tag.name }}</span>
                        {% endfor %}
                    </div>
                    {% endif %}
                </div>
            </div>
            <div class="conversation-body">
                {% for message in conversation.messages %}
                {% include 'export/pdf/partials/_message.html.twig' %}
                {% endfor %}
            </div>
        </div>
        {% else %}
        <p style="color: #6b7280;">Aucune conversation dans ce projet.</p>
        {% endfor %}
    </div>
</div>
{% endblock %}