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

{% block title %}Export conversation - {{ conversation.title }} - LintellO{% endblock %}
{% block header_title %}Export conversation{% endblock %}

{% block content %}
{# Summary Box #}
<div class="summary-box">
    <h3>{{ conversation.title }}</h3>
    <div class="summary-stats">
        <div class="summary-stat">
            <div class="summary-stat-value">{{ conversation.messages|length }}</div>
            <div class="summary-stat-label">Message(s)</div>
        </div>
        <div class="summary-stat">
            <div class="summary-stat-value">{{ conversation.model }}</div>
            <div class="summary-stat-label">Modele</div>
        </div>
        <div class="summary-stat">
            <div class="summary-stat-value">{{ conversation.createdAt|date('d/m/Y') }}</div>
            <div class="summary-stat-label">Date creation</div>
        </div>
    </div>
</div>

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

{# Messages #}
<div class="section">
    <h2 class="section-title">Messages</h2>
    <div class="section-content">
        {% for message in conversation.messages %}
        {% include 'export/pdf/partials/_message.html.twig' %}
        {% else %}
        <p style="color: #6b7280;">Aucun message dans cette conversation.</p>
        {% endfor %}
    </div>
</div>
{% endblock %}