{{--
    The five sections of a conversation summary.

    Rendered both by the Email Summary page and by the modal on the mail list,
    so the two can never drift apart.

    Everything here is escaped. The model returns data, not markup — nothing on
    this page comes out of Gemini as HTML.

    Expects:
      $summary — App\Models\ThreadSummary
      $thread  — the collector's array, or null when only the stored copy is known
      $stale   — true when a newer reply has arrived since this was written
--}}
@php
    $actions = $summary->section('pending_actions') ?: [];
    $discussion = $summary->section('previous_discussion') ?: [];
    $counterpart = $summary->summary_json['counterpart'] ?? '';
    $truncated = (bool) ($summary->summary_json['truncated'] ?? false);
    $messageCount = $thread['message_count'] ?? $summary->message_count;
@endphp

<div class="emi-summary" data-message-count="{{ $messageCount }}">

    <div class="emi-summary__head">
        <div>
            <div class="emi-summary__subject">{{ $summary->summary_json['subject'] ?? 'Conversation' }}</div>
            <div class="emi-summary__meta">
                <span><i class="bi bi-envelope"></i> {{ $messageCount }}
                    {{ $messageCount === 1 ? 'message' : 'messages' }}</span>
                @if ($counterpart !== '')
                    <span><i class="bi bi-person"></i> {{ $counterpart }}</span>
                @endif
                @if ($summary->generated_at)
                    <span><i class="bi bi-clock-history"></i> Summarised
                        {{ $summary->generated_at->diffForHumans() }}</span>
                @endif
            </div>
        </div>
        <span class="emi-pill {{ $summary->statusPill() }}">{{ $summary->status() }}</span>
    </div>

    @if ($stale)
        <div class="alert alert-warning py-2 px-3 mb-3" style="font-size:.8125rem;">
            <i class="bi bi-exclamation-triangle me-1"></i>
            New mail has arrived in this conversation since this summary was written. Regenerate it to include the
            latest messages.
        </div>
    @endif

    @if ($truncated)
        <div class="alert alert-secondary py-2 px-3 mb-3" style="font-size:.8125rem;">
            <i class="bi bi-scissors me-1"></i>
            This conversation is long enough that the oldest messages were shortened before summarising.
        </div>
    @endif

    {{-- 1. Customer requirement --}}
    <section class="emi-summary__section">
        <h3 class="emi-summary__heading"><i class="bi bi-bullseye"></i> Customer requirement</h3>
        @if ($summary->section('customer_requirement'))
            <p class="emi-summary__text">{{ $summary->section('customer_requirement') }}</p>
        @else
            <p class="emi-summary__empty">The thread does not state a clear requirement.</p>
        @endif
    </section>

    {{-- 2. Previous discussion --}}
    <section class="emi-summary__section">
        <h3 class="emi-summary__heading"><i class="bi bi-chat-left-text"></i> Previous discussion</h3>
        @if (!empty($discussion))
            <ul class="emi-summary__list">
                @foreach ($discussion as $point)
                    <li>{{ $point }}</li>
                @endforeach
            </ul>
        @else
            <p class="emi-summary__empty">Nothing was exchanged beyond the opening message.</p>
        @endif
    </section>

    {{-- 3. Current status --}}
    <section class="emi-summary__section">
        <h3 class="emi-summary__heading"><i class="bi bi-activity"></i> Current status</h3>
        @if ($summary->section('current_status'))
            <p class="emi-summary__text">{{ $summary->section('current_status') }}</p>
        @else
            <p class="emi-summary__empty">The thread does not make the current position clear.</p>
        @endif
    </section>

    {{-- 4. Pending actions --}}
    <section class="emi-summary__section">
        <h3 class="emi-summary__heading"><i class="bi bi-list-check"></i> Pending actions</h3>
        @if (!empty($actions))
            <ul class="emi-summary__actions">
                @foreach ($actions as $action)
                    @php
                        $owner = trim((string) ($action['owner'] ?? ''));
                        $due = trim((string) ($action['due'] ?? ''));
                        $ownerPill = match (strtolower($owner)) {
                            'us', 'we', 'this mailbox' => 'emi-pill--red',
                            'customer', 'client' => 'emi-pill--amber',
                            '' => null,
                            default => 'emi-pill--slate',
                        };
                    @endphp
                    <li>
                        <span class="emi-summary__action-text">{{ $action['action'] ?? '' }}</span>
                        @if ($ownerPill)
                            <span class="emi-pill {{ $ownerPill }}">{{ $owner }}</span>
                        @endif
                        @if ($due !== '')
                            <span class="emi-summary__due"><i class="bi bi-calendar-event"></i> {{ $due }}</span>
                        @endif
                    </li>
                @endforeach
            </ul>
        @else
            <p class="emi-summary__empty">Nothing is outstanding on either side.</p>
        @endif
    </section>

    {{-- 5. Next step --}}
    <section class="emi-summary__section emi-summary__section--next">
        <h3 class="emi-summary__heading"><i class="bi bi-arrow-right-circle"></i> Next step</h3>
        @if ($summary->section('next_step'))
            <p class="emi-summary__text">{{ $summary->section('next_step') }}</p>
        @else
            <p class="emi-summary__empty">No next step follows from the thread.</p>
        @endif
    </section>

    <p class="emi-summary__foot">
        Written by AI from the messages in this conversation. Check anything you are going to act on against the mail
        itself.
    </p>
</div>