{{-- Çeviri editörü — LEDGER kart sarmalı (sabit QV tasarımı).
     Kancalar (JS _quick-view-crud-script'te) DEĞİŞTİRİLEMEZ:
     [data-pqv-trans] > [data-pqv-trans-mp] + [data-pqv-trans-lang] + form[data-pqv-trans-ws][data-pqv-save].
     Günübirlik, kültür ve yurtdışı turlarının ortak çeviri sekmesidir.
     Beklenen: $marketplaces, $fetchUrl, $saveUrl --}}
@if($marketplaces->isEmpty())
    <div class="pfx">
        <div class="pfx-top">
            <span class="pfx-top-t"><i class="fas fa-language"></i> Çeviriler</span>
        </div>
        <div class="pfx-body">
            <div class="qmp-none">
                <i class="fas fa-language"></i>
                <b>Çeviri için pazaryeri gerekli</b>
                <span>Önce <b>Ayarlar</b> sekmesinden pazaryeri ekleyin — diller pazaryerinden gelir.</span>
            </div>
        </div>
    </div>
@else
    <div class="qv-left-stack" data-pqv-trans data-pqv-trans-url="{{ $fetchUrl }}">
        {{-- Hedef seçimi: pazaryeri → dil --}}
        <div class="pfx">
            <div class="pfx-top">
                <span class="pfx-top-t"><i class="fas fa-language"></i> Çeviriler</span>
            </div>
            <div class="pfx-body">
                <div class="pqv-form">
                    <div class="pqv-fld">
                        <label>Pazaryeri</label>
                        <select class="pqv-inp" data-pqv-trans-mp>
                            <option value="">Pazaryeri seçin…</option>
                            @foreach($marketplaces as $mp)
                                <option value="{{ $mp->id }}" data-langs='@json($mp->languages->map(fn($l) => ['id' => $l->id, 'name' => $l->name, 'code' => $l->code])->values())'>{{ $mp->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="pqv-fld">
                        <label>Dil</label>
                        <select class="pqv-inp" data-pqv-trans-lang><option value="">Önce pazaryeri seçin…</option></select>
                    </div>
                </div>
                <div class="pfx-note" style="padding-left:0;padding-bottom:0">
                    <i class="fas fa-circle-info"></i>
                    Pazaryeri ve dil seçince o dile ait çeviri alanları aşağıda açılır; kayıtlı çeviri varsa doldurulmuş gelir.
                </div>
            </div>
        </div>

        {{-- Çalışma alanı: seçim yapılınca görünür (display JS'te açılır) --}}
        <form class="pfx" data-pqv-trans-ws style="display:none" data-pqv-save data-method="POST" action="{{ $saveUrl }}">
            <div class="pfx-top">
                <span class="pfx-top-t"><i class="fas fa-pen-nib"></i> Çeviri Alanları</span>
                <button type="submit" class="pfx-chip" title="Bu dildeki çeviriyi kaydet">
                    <i class="fas fa-save"></i> Kaydet
                </button>
            </div>
            <div class="pfx-body">
                <input type="hidden" name="marketplace_id">
                <input type="hidden" name="language_id">
                <div class="pqv-form">
                    <div class="pqv-fld full"><label>Tur Adı</label><input type="text" name="name" class="pqv-inp"></div>
                    <div class="pqv-fld full"><label>Kısa Açıklama</label><textarea name="short_description" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>Açıklama (HTML)</label><textarea name="description" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>Öne Çıkanlar (HTML)</label><textarea name="highlights" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>Dahil Olanlar (HTML)</label><textarea name="inclusions" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>Dahil Olmayanlar (HTML)</label><textarea name="exclusions" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>İptal Politikası (HTML)</label><textarea name="cancellation_policy" class="pqv-inp"></textarea></div>
                    <div class="pqv-fld full"><label>Meta Başlık</label><input type="text" name="meta_title" class="pqv-inp"></div>
                    <div class="pqv-fld full"><label>Meta Açıklama</label><textarea name="meta_description" class="pqv-inp"></textarea></div>
                </div>
                <div class="mt-2 text-end"><button type="submit" class="pqv-btn pqv-btn-primary"><i class="fas fa-save"></i> Çeviriyi Kaydet</button></div>
            </div>
        </form>
    </div>
@endif