{{--
    ETKİNLİK AKIŞINDAKİ POSTA SATIRI — ortak biçim. TEK KAYNAK.

    Postaların ayrı sekmesi yoktur: gelen/giden iletiler notlar, aramalar ve
    WhatsApp kayıtlarıyla aynı akışta, aynı dilde görünür. Satıra tıklandığında
    gövde altında açılır (bkz. components.quick-view.mail-reader).

    Beklenen:
      $mail        MailMessage (folder + account ilişkileriyle)
      $linkId      mail_links satırının id'si (varsa) — "bağı kaldır" bunu kullanır
      $linkAuto    bağ zincirden mi türedi?
      $linkLabel   bağın kaynağı ("Satış SAT-2026-001" gibi) — opsiyonel
      $detachable  müşteri kartındaki adres bağı koparılabilir mi?
--}}
@php
    $dir = $mail->direction();
    $party = $mail->counterparty();
    $mc = $dir === 'outbound' ? '#2563eb' : '#f59e0b';
    $linkId = $linkId ?? ($mail->mail_link_id ?? null);
    $linkAuto = $linkAuto ?? (bool) ($mail->mail_link_auto ?? false);
    $linkLabel = $linkLabel ?? null;
    $detachable = $detachable ?? false;
@endphp

<article class="flw-i is-mail {{ (! $mail->is_seen && $dir === 'inbound') ? 'unread' : '' }}"
         style="--fc: {{ $mc }};"
         data-mail-id="{{ $mail->id }}"
         @if($linkId) data-link-id="{{ $linkId }}" @endif
         @if($detachable) data-detachable="1" @endif
         onclick="qvFlowMailToggle(this, event)"
         title="Okumak için tıklayın">
    <span class="flw-dot"><i class="fas {{ $dir === 'outbound' ? 'fa-paper-plane' : 'fa-envelope' }}"></i></span>

    <div class="flw-b">
        <div class="flw-h">
            <span class="flw-t">E-posta</span>
            <span class="mlw-dir">
                <i class="fas {{ $dir === 'outbound' ? 'fa-arrow-up' : 'fa-arrow-down' }}"></i>
                {{ $dir === 'outbound' ? 'Giden' : 'Gelen' }}
            </span>
            <time class="flw-time" title="{{ optional($mail->date_at)->translatedFormat('d F Y, H:i') }}">
                {{ optional($mail->date_at)->diffForHumans() }}
            </time>
        </div>

        <div class="flw-s">{{ $mail->subject ?: '(konu yok)' }}</div>
        @if($mail->snippet)
            <p class="flw-d">{{ $mail->snippet }}</p>
        @endif

        <div class="mlw-meta">
            <span class="mlw-adr">
                <i class="fas {{ $dir === 'outbound' ? 'fa-arrow-right-to-bracket' : 'fa-user' }}"></i>
                {{ $party['email'] ?: $party['name'] }}
            </span>
            @if($mail->has_attachments)
                <span class="mlw-clip"><i class="fas fa-paperclip"></i>Ek var</span>
            @endif
            @if($linkLabel)
                {{-- Bağın kaynağı: elle mi kuruldu, aynı yazışmanın devamı olduğu için mi düştü --}}
                <span class="mlw-src {{ $linkAuto ? 'is-auto' : '' }}"
                      title="{{ $linkAuto ? 'Aynı yazışmadan otomatik bağlandı' : 'Elle ilişkilendirildi' }}">
                    <i class="fas {{ $linkAuto ? 'fa-link' : 'fa-thumbtack' }}"></i>{{ $linkLabel }}
                </span>
            @endif
            <span class="mlw-open">Oku <i class="fas fa-arrow-right"></i></span>
        </div>

        <div class="flw-mail-body"><div class="mlx-load"><i class="fas fa-spinner fa-spin"></i> Yükleniyor…</div></div>
    </div>
</article>