{{-- Colonne droite : historique filtrable (tous les briefs) --}}
<aside class="flex min-h-0 flex-col bg-slate-50 md:min-h-full">
    <div class="shrink-0 border-b border-slate-200 px-4 py-3">
        <div class="mb-2 flex items-center justify-between gap-2">
            <div>
                <p class="text-[10px] font-bold uppercase tracking-wide text-slate-500">Consultation</p>
                <h4 class="text-sm font-bold text-slate-800">{{ $panelTitle ?? 'Historique' }}</h4>
            </div>
            @if($showCloseOnDesktop ?? true)
                <button type="button" @click="{{ $closeAction ?? 'closeAddModal()' }}" class="hidden rounded-lg p-1.5 text-slate-400 hover:bg-slate-200 hover:text-slate-700 md:inline-flex" aria-label="Fermer la fenêtre">
                    <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            @endif
        </div>
        <input
            x-model="historySearch"
            type="search"
            placeholder="Filtrer par brief, fournisseur, prix…"
            class="w-full rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm focus:border-[#E83646] focus:ring-[#E83646]"
        >
        <p class="mt-2 text-xs text-slate-500">
            <span x-text="@js($historyRows->count())"></span> offre(s) — filtre en direct
        </p>
    </div>
    <div class="min-h-0 flex-1 overflow-y-auto p-2 md:max-h-none">
        @forelse($historyRows as $row)
            @php($offer = $row['offer'])
            <article
                x-show="historyItemVisible(@js($row['searchable']))"
                x-transition
                class="mb-2 rounded-lg border border-slate-200 bg-white p-3 text-xs shadow-sm {{ $offer->is_selected ? 'border-emerald-200 ring-1 ring-emerald-100' : '' }} {{ (int) $offer->brief_id === (int) $brief->id ? 'border-l-4 border-l-purple-400' : '' }}"
            >
                <div class="flex items-start justify-between gap-2">
                    <p class="font-semibold leading-snug text-slate-900">{{ $offer->brief?->title ?? '—' }}</p>
                    @if((int) $offer->brief_id === (int) $brief->id)
                        <span class="shrink-0 rounded bg-purple-100 px-1.5 py-0.5 text-[9px] font-bold uppercase text-purple-700">Ce brief</span>
                    @endif
                </div>
                <p class="text-slate-500">{{ $offer->brief?->project?->name ?? '—' }}</p>
                <div class="mt-2 space-y-0.5 text-slate-700">
                    <p><span class="font-medium text-slate-500">Offre:</span> {{ $offer->name ?: '—' }}</p>
                    <p><span class="font-medium text-slate-500">Fournisseur:</span> {{ $offer->supplier?->name ?? '—' }}</p>
                    @if($offer->description)
                        <p class="line-clamp-2"><span class="font-medium text-slate-500">Desc.:</span> {{ $offer->description }}</p>
                    @endif
                    <p><span class="font-medium text-slate-500">Délai:</span> {{ $offer->formattedDeliveryDays() }}</p>
                    <p class="font-bold text-slate-900">{{ number_format($offer->price, 3, ',', ' ') }} DT</p>
                    @if(!empty($offer->pricing_tiers))
                        <div class="space-y-0.5 text-slate-500">
                            @foreach($offer->pricing_tiers as $tier)
                                <div>{{ number_format((float) ($tier['quantity'] ?? 0), 0, ',', ' ') }} pcs → {{ number_format((float) ($tier['price'] ?? 0), 3, ',', ' ') }} DT</div>
                            @endforeach
                        </div>
                    @endif
                    <p class="text-slate-400">{{ $offer->created_at?->format('d/m/Y H:i') }}</p>
                </div>
            </article>
        @empty
            <p class="px-2 py-8 text-center text-xs text-slate-500">Aucune offre enregistrée pour le moment.</p>
        @endforelse
        <p x-show="historySearch.trim() !== '' && !hasVisibleHistory()" x-cloak class="px-2 py-6 text-center text-xs text-slate-500">
            Aucun résultat pour cette recherche.
        </p>
    </div>
</aside>