@extends('pdf.layout')

@section('styles')
    .echange { margin-bottom: 22px; }
    .question { background: #F8FAFC; border-left: 3px solid #2563EB; padding: 8px 10px; font-weight: bold; color: #0F172A; }
    .meta-ligne { font-size: 9px; color: #6b7280; margin: 4px 0 8px; }
    .reponse { font-size: 11px; line-height: 1.5; }
    .reponse h1, .reponse h2, .reponse h3, .reponse h4 { color: #0F172A; font-size: 12px; margin: 12px 0 4px; }
    .reponse table { width: 100%; border-collapse: collapse; margin: 8px 0; }
    .reponse th { background: #0F172A; color: #fff; text-align: left; padding: 5px; font-size: 10px; }
    .reponse td { border-bottom: 1px solid #e5e7eb; padding: 5px; font-size: 10px; }
    .reponse ul, .reponse ol { margin: 6px 0 6px 16px; padding: 0; }
    .reponse code { background: #f3f4f6; padding: 1px 3px; }
    .reponse pre { background: #f3f4f6; padding: 6px; font-size: 9px; }
    .outils { font-size: 9px; color: #6b7280; border-top: 1px solid #e5e7eb; padding-top: 5px; margin-top: 8px; }
    .avertissement { font-size: 9px; color: #9ca3af; font-style: italic; margin-top: 4px; }
@endsection

@section('content')
    @forelse ($echanges as $echange)
        <div class="echange">
            @if (trim((string) $echange['question']) !== '')
                <div class="question">{{ $echange['question'] }}</div>
            @endif

            <div class="meta-ligne">
                {{ $echange['mode'] === 'analyse' ? 'Analyse de gestion' : 'Réponse' }}
                — {{ optional($echange['date'])->format('d/m/Y à H:i') }}
                @isset($auteur) — demandée par {{ $auteur }} @endisset
            </div>

            @if (! empty($echange['chiffres']))
                <table class="cards">
                    <tr>
                        @foreach ($echange['chiffres'] as $tuile)
                            <td>
                                <div class="value">{{ $tuile['montant'] }}</div>
                                <div class="label">{{ $tuile['libelle'] }}</div>
                            </td>
                        @endforeach
                    </tr>
                </table>
            @endif

            <div class="reponse">{!! $echange['reponse'] !!}</div>

            @if (! empty($echange['outils']))
                <div class="outils">
                    Données consultées :
                    {{ implode(', ', array_map(fn (array $o): string => $o['libelle'], $echange['outils'])) }}
                </div>
            @endif

            <div class="avertissement">{{ __('ai.disclaimer') }}</div>
        </div>
    @empty
        <p>Cette conversation ne contient aucune réponse.</p>
    @endforelse
@endsection