{{--
    Müşteri kartı → Yolcular sekmesi.

    Yolcular klasik tablo düzeninde listelenir: her satır bir yolcu, hücrelerin
    sağındaki simgeyle değer kopyalanır, satır sonundaki simgeyle yolcunun tüm
    bilgileri tek seferde alınır.

    Satırın "Detay" düğmesi altındaki gizli satırı açar; oradaki alanlar Özet
    sekmesindeki künye paneliyle (.pfx) aynı "defter satırı" dilinde çalışır —
    yerinde düzenleme ve kaydetme mantığı aynı bileşenden gelir.

    Beklenen: $customer
    Kaydetme: PATCH agency.customers.passengers.update-field {field, value}
--}}
@include('agency.partials.qv-table')

@php
    $today = \Carbon\Carbon::today();
    $genderOpts = [['value' => '', 'label' => '—'], ['value' => 'male', 'label' => 'Erkek'], ['value' => 'female', 'label' => 'Kadın'], ['value' => 'other', 'label' => 'Diğer']];
    $genderLabel = fn ($v) => collect($genderOpts)->firstWhere('value', (string) $v)['label'] ?? '';

    $dmy = fn ($d) => $d ? \Carbon\Carbon::parse($d)->format('d.m.Y') : '';
    $iso = fn ($d) => $d ? \Carbon\Carbon::parse($d)->format('Y-m-d') : '';

    /** Yolcu satırı: [etiket, alan, ham değer, görünen metin, seçenekler] */
    $prow = fn (string $label, ?string $field, $value, ?string $text = null, array $o = []) => [
        'label' => $label,
        'field' => $field,
        'type' => $o['type'] ?? 'text',
        'value' => $value === null ? '' : (string) $value,
        'text' => $text === null ? (string) ($value ?? '') : $text,
        'options' => $o['options'] ?? null,
        'mono' => $o['mono'] ?? false,
        'ph' => $o['ph'] ?? null,
        'state' => $o['state'] ?? null,
    ];
@endphp

<div class="cpx-wrap">

    {{-- ══ ÜST ÇUBUK ══ --}}
    <div class="cpx-bar">
        <div class="cpx-bar-stats">
            <span class="cpx-stat"><i class="fas fa-users"></i><b>{{ $customer->passengers->count() }}</b> yolcu</span>
            @php
                $missingId = $customer->passengers->filter(fn($p) => !$p->national_id && !$p->passport_number)->count();
                $expiring = $customer->passengers->filter(function ($p) use ($today) {
                    $d = $p->passport_expiry ? \Carbon\Carbon::parse($p->passport_expiry) : null;
                    return $d && $d->lte($today->copy()->addMonths(6));
                })->count();
            @endphp
            @if($missingId)
                <span class="cpx-sep"></span>
                <span class="cpx-stat warn" title="Kimlik veya pasaport bilgisi girilmemiş"><i class="fas fa-id-card"></i><b>{{ $missingId }}</b> kimliksiz</span>
            @endif
            @if($expiring)
                <span class="cpx-sep"></span>
                <span class="cpx-stat danger" title="Pasaportu 6 ay içinde dolacak / dolmuş"><i class="fas fa-passport"></i><b>{{ $expiring }}</b> pasaport uyarısı</span>
            @endif
        </div>
        <div class="cpx-bar-actions">
            @if($customer->passengers->count() > 3)
                <div class="cpx-search">
                    <i class="fas fa-magnifying-glass"></i>
                    <input type="text" placeholder="Yolcu ara…" oninput="cpxFilter(this.value)">
                </div>
            @endif
            <button type="button" class="cpx-add-btn" onclick="cpxToggleNew()">
                <i class="fas fa-user-plus"></i> Yolcu Ekle
            </button>
        </div>
    </div>

    {{-- ══ YENİ YOLCU FORMU ══ --}}
    <form id="cpxNewForm" class="cpx-new" hidden method="POST"
          action="{{ route('agency.customers.passengers.store', $customer) }}">
        @csrf
        <div class="cpx-new-head"><i class="fas fa-user-plus"></i> Yeni Yolcu</div>
        <div class="cpx-new-grid">
            <div class="cpx-fld"><label>Ad <span>*</span></label><input type="text" name="first_name" required></div>
            <div class="cpx-fld"><label>Soyad <span>*</span></label><input type="text" name="last_name" required></div>
            <div class="cpx-fld"><label>Yakınlık</label><input type="text" name="relationship" placeholder="Eş, çocuk…"></div>
            <div class="cpx-fld"><label>Cinsiyet</label>
                <select name="gender">@foreach($genderOpts as $o)<option value="{{ $o['value'] }}">{{ $o['label'] }}</option>@endforeach</select>
            </div>
            <div class="cpx-fld"><label>Doğum Tarihi</label><input type="date" name="birth_date"></div>
            <div class="cpx-fld"><label>T.C. Kimlik No</label><input type="text" name="national_id" maxlength="20"></div>
            <div class="cpx-fld"><label>Telefon</label><input type="text" name="phone" maxlength="20"></div>
            <div class="cpx-fld"><label>E-posta</label><input type="email" name="email"></div>
        </div>
        <div class="cpx-new-foot">
            <button type="button" class="cpx-cancel" onclick="cpxToggleNew()">Vazgeç</button>
            <button type="submit" class="cpx-save"><i class="fas fa-check me-1"></i>Yolcuyu Ekle</button>
        </div>
    </form>

    {{-- ══ YOLCU TABLOSU ══ --}}
    <div class="qvt-box">
        <div class="qvt-scroll">
            <table class="qvt" id="cpxList">
                <thead>
                    <tr>
                        <th>Yolcu</th>
                        <th>Yakınlık</th>
                        <th>Doğum</th>
                        <th>Cinsiyet</th>
                        <th>T.C. Kimlik</th>
                        <th>Pasaport</th>
                        <th>Geçerlilik</th>
                        <th>Telefon</th>
                        <th>E-posta</th>
                        <th class="qvt-w1"></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($customer->passengers as $p)
                        @php
                            $url = route('agency.customers.passengers.update-field', [$customer, $p]);
                            $birth = $p->birth_date ? \Carbon\Carbon::parse($p->birth_date) : null;
                            // Carbon 3'te diffInYears ondalıklı döner (17.55 gibi)
                            $age = $birth ? (int) $birth->diffInYears($today) : null;
                            $ppExpiry = $p->passport_expiry ? \Carbon\Carbon::parse($p->passport_expiry) : null;
                            $ppState = !$ppExpiry ? null : ($ppExpiry->lt($today) ? 'expired' : ($ppExpiry->lte($today->copy()->addMonths(6)) ? 'soon' : null));
                            $vsExpiry = $p->visa_expiry ? \Carbon\Carbon::parse($p->visa_expiry) : null;
                            $vsState = !$vsExpiry ? null : ($vsExpiry->lt($today) ? 'expired' : ($vsExpiry->lte($today->copy()->addMonth()) ? 'soon' : null));

                            $pSections = [
                                ['title' => 'Kimlik', 'icon' => 'fa-id-badge', 'rows' => [
                                    $prow('Ad', 'first_name', $p->first_name),
                                    $prow('Soyad', 'last_name', $p->last_name),
                                    $prow('T.C. Kimlik No', 'national_id', $p->national_id, null, ['mono' => true, 'ph' => '11 hane']),
                                    $prow('Doğum Tarihi', 'birth_date', $iso($p->birth_date), $dmy($p->birth_date), ['type' => 'date', 'mono' => true]),
                                    $prow('Cinsiyet', 'gender', $p->gender, $genderLabel($p->gender), ['type' => 'select', 'options' => $genderOpts]),
                                    $prow('Yakınlık', 'relationship', $p->relationship, null, ['ph' => 'Eş, çocuk, arkadaş…']),
                                ]],
                                ['title' => 'Seyahat Belgeleri', 'icon' => 'fa-passport', 'rows' => [
                                    $prow('Pasaport No', 'passport_number', $p->passport_number, null, ['mono' => true]),
                                    $prow('Pasaport Geçerlilik', 'passport_expiry', $iso($p->passport_expiry), $dmy($p->passport_expiry), ['type' => 'date', 'mono' => true, 'state' => $ppState]),
                                    $prow('Vize Durumu', 'visa_status', $p->visa_status, null, ['ph' => 'Örn: Schengen']),
                                    $prow('Vize Bitiş', 'visa_expiry', $iso($p->visa_expiry), $dmy($p->visa_expiry), ['type' => 'date', 'mono' => true, 'state' => $vsState]),
                                ]],
                                ['title' => 'İletişim', 'icon' => 'fa-address-book', 'rows' => [
                                    $prow('Telefon', 'phone', $p->phone, null, ['mono' => true, 'ph' => '05xx xxx xx xx']),
                                    $prow('E-posta', 'email', $p->email, null, ['type' => 'email', 'ph' => 'ornek@eposta.com']),
                                ]],
                            ];

                            $pEmpty = collect($pSections)->flatMap(fn ($s) => $s['rows'])->filter(fn ($r) => blank($r['text']))->count();

                            // Satır sonundaki "tümünü kopyala": dolu alanlar "Etiket: değer" olarak
                            $copyAll = collect($pSections)
                                ->flatMap(fn ($s) => $s['rows'])
                                ->filter(fn ($r) => filled($r['text']))
                                ->map(fn ($r) => $r['label'] . ': ' . $r['text'])
                                ->implode("\n");
                        @endphp

                        <tr class="cpx-tr" data-cpx-id="{{ $p->id }}" data-cpx-name="{{ mb_strtolower($p->full_name) }}">
                            <td class="qvt-nowrap">
                                <span class="cpx-av">{{ $p->initials }}</span>
                                <span class="qvt-c qvt-strong" data-copy="{{ $p->full_name }}" data-role="cpx-row-name">{{ $p->full_name ?: 'İsimsiz yolcu' }}</span>
                                @if($ppState === 'expired')<span class="qvt-chip danger" title="Pasaport süresi dolmuş"><i class="fas fa-triangle-exclamation"></i></span>
                                @elseif($ppState === 'soon')<span class="qvt-chip warn" title="Pasaport {{ (int) $today->diffInDays($ppExpiry) }} gün içinde doluyor"><i class="fas fa-clock"></i></span>@endif
                                @if($vsState === 'expired')<span class="qvt-chip danger" title="Vize süresi dolmuş">vize</span>@endif
                            </td>
                            <td>{{ $p->relationship ?: '—' }}</td>
                            <td class="qvt-mono qvt-nowrap">
                                @if($birth){{ $dmy($p->birth_date) }} <span class="qvt-dim">({{ $age }})</span>@else<span class="qvt-none">—</span>@endif
                            </td>
                            <td>{{ $genderLabel($p->gender) ?: '—' }}</td>
                            <td class="qvt-nowrap">
                                @if($p->national_id)<span class="qvt-c qvt-mono" data-copy="{{ $p->national_id }}">{{ $p->national_id }}</span>@else<span class="qvt-none">—</span>@endif
                            </td>
                            <td class="qvt-nowrap">
                                @if($p->passport_number)<span class="qvt-c qvt-mono" data-copy="{{ $p->passport_number }}">{{ $p->passport_number }}</span>@else<span class="qvt-none">—</span>@endif
                            </td>
                            <td class="qvt-nowrap">
                                @if($ppExpiry)
                                    <span class="qvt-chip {{ $ppState === 'expired' ? 'danger' : ($ppState === 'soon' ? 'warn' : '') }}">{{ $ppExpiry->format('d.m.Y') }}</span>
                                @else
                                    <span class="qvt-none">—</span>
                                @endif
                            </td>
                            <td class="qvt-nowrap">
                                @if($p->phone)<span class="qvt-c qvt-mono" data-copy="{{ $p->phone }}">{{ $p->phone }}</span>@else<span class="qvt-none">—</span>@endif
                            </td>
                            <td class="qvt-trunc" title="{{ $p->email }}">
                                @if($p->email)<span class="qvt-c" data-copy="{{ $p->email }}">{{ $p->email }}</span>@else<span class="qvt-none">—</span>@endif
                            </td>
                            <td class="qvt-w1">
                                <button type="button" class="qvt-copyall" data-copy="{{ $copyAll }}" title="Yolcunun tüm bilgilerini kopyala">
                                    <i class="fas fa-clone"></i>
                                </button>
                                <button type="button" class="qvt-act cpx-toggle" onclick="cpxToggleRow(this)" title="Detay / düzenle">
                                    <i class="fas fa-chevron-down"></i>
                                </button>
                                <button type="button" class="qvt-act danger" title="Yolcuyu sil"
                                        onclick="cpxDelete('{{ route('agency.customers.passengers.destroy', [$customer, $p]) }}', this, @js($p->full_name))">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>

                        {{-- Detay satırı: alanlar defter dilinde, yerinde düzenlenir.
                             show-empty açık başlar; başlıktaki düğme boşları gizler. --}}
                        <tr class="cpx-det" hidden>
                            <td colspan="10">
                                <div class="pfx cpx-card show-empty" data-url="{{ $url }}"
                                     data-cpx-id="{{ $p->id }}" data-cpx-name="{{ mb_strtolower($p->full_name) }}">

                                    <div class="pfx-top cpx-head">
                                        <span class="cpx-av">{{ $p->initials }}</span>
                                        <span class="cpx-idn">
                                            <b data-role="pfx-name">{{ $p->full_name ?: 'İsimsiz yolcu' }}</b>
                                            <small>
                                                @if($age !== null)<span class="cpx-chip">{{ $age }} yaş</span>@endif
                                                @if($p->relationship)<span class="cpx-chip soft">{{ $p->relationship }}</span>@endif
                                            </small>
                                        </span>
                                        <button type="button" class="pfx-chip" data-a="empties" title="Doldurulmamış alanları göster / gizle">
                                            <i class="fas fa-eye-slash"></i> <span data-role="empties-n">{{ $pEmpty }}</span> boş
                                        </button>
                                        <button type="button" class="pfx-chip" data-a="copy-all" title="Yolcunun tüm bilgilerini kopyala">
                                            <i class="fas fa-clone"></i> Tümü
                                        </button>
                                    </div>

                                    <div class="cpx-body">
                                        @foreach($pSections as $sec)
                                            <section class="pfx-sec">
                                                <div class="pfx-sec-h">
                                                    <i class="fas {{ $sec['icon'] }}"></i>
                                                    <span>{{ $sec['title'] }}</span>
                                                    <button type="button" class="pfx-secopy" data-a="copy-sec" title="Bu bölümü kopyala">
                                                        <i class="fas fa-copy"></i>
                                                    </button>
                                                </div>

                                                @foreach($sec['rows'] as $r)
                                                    @php $shown = trim((string) $r['text']); @endphp
                                                    <div class="pfx-row {{ $r['mono'] ? 'mono' : '' }} {{ $r['state'] ? 'st-' . $r['state'] : '' }}"
                                                         data-field="{{ $r['field'] }}"
                                                         data-type="{{ $r['type'] }}"
                                                         data-value="{{ $r['value'] }}"
                                                         data-label="{{ $r['label'] }}"
                                                         @if($r['options']) data-options='@json($r['options'])' @endif
                                                         @if($shown === '') data-empty="1" @endif>
                                                        <span class="pfx-l">
                                                            {{ $r['label'] }}
                                                            @if($r['state'] === 'expired')<b class="pfx-flag danger">dolmuş</b>
                                                            @elseif($r['state'] === 'soon')<b class="pfx-flag warn">yakın</b>@endif
                                                        </span>
                                                        <span class="pfx-v" data-ph="{{ $r['ph'] ?: '—' }}" title="{{ $shown }}">{{ $shown }}</span>
                                                        <span class="pfx-a">
                                                            <button type="button" class="pfx-b" data-a="copy" tabindex="-1" title="Kopyala"><i class="fas fa-copy"></i></button>
                                                            <button type="button" class="pfx-b" data-a="edit" tabindex="-1" title="Düzenle"><i class="fas fa-pen"></i></button>
                                                        </span>
                                                    </div>
                                                @endforeach
                                            </section>
                                        @endforeach
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr class="qvt-empty">
                            <td colspan="10">
                                <i class="fas fa-user-slash"></i>
                                <b>Henüz yolcu kaydı yok</b>
                                <span>Bu müşteriye bağlı kişileri ekleyin — satışlarda ve operasyon yolcu listesinde hazır gelir.</span>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="cpx-foot">
        <i class="fas fa-copy"></i> Bir değerin üzerine gelip sağdaki simgeyle kopyalayın.
        <span class="cpx-foot-sep"></span>
        <i class="fas fa-chevron-down"></i> Detay düğmesiyle açılan alanlar yerinde düzenlenir.
    </div>
</div>