{{-- SEO sekmesi — diğer sekmelerle aynı inline (_qv-field) tasarımı + canlı Google arama önizlemesi.
     meta_* alanları tıkla→düzenle→blur/Enter ile update-field'e kaydeder; sayaç + önizleme _qv-seo-ui ile canlı güncellenir.
     Gerekli: $tour, $editBase. Opsiyonel: $uf, $urlSegment (önizleme URL'sindeki bölüm; varsayılan editBase'den türetilir) --}}
@php
    $uf = $uf ?? route("$editBase.update-field", $tour);
    $tagsArr = is_array($tour->tags ?? null) ? $tour->tags : [];
    $previewTitle = $tour->meta_title ?: $tour->name;
    $previewDesc  = $tour->meta_description ?: ($tour->short_description ?: 'Bu tur için henüz bir açıklama girilmedi.');
    $host = preg_replace('#^https?://#', '', rtrim(config('app.url'), '/'));
    // editBase 'agency.products.kultur-turlari' → 'kultur-turlari'
    $urlSegment = $urlSegment ?? \Illuminate\Support\Str::afterLast($editBase, '.');
    $previewUrl = $host . ' › ' . $urlSegment . ' › ' . ($tour->slug ?? '');
@endphp

<div class="pqv-section qv-seo"
     data-qv-seo
     data-fallback-title="{{ $tour->name }}"
     data-fallback-desc="{{ $tour->short_description }}"
     data-host="{{ $host }}"
     data-slug="{{ $tour->slug }}">

    <div class="pqv-sec-title"><i class="fas fa-search"></i> SEO ve Meta Bilgileri</div>

    {{-- Google arama sonucu önizlemesi (canlı) --}}
    <div class="qv-serp" data-qv-serp>
        <div class="qv-serp-head"><i class="fab fa-google"></i> Arama sonucu önizlemesi</div>
        <div class="qv-serp-card">
            <div class="qv-serp-url" data-serp-url>{{ $previewUrl }}</div>
            <div class="qv-serp-title" data-serp-title>{{ $previewTitle }}</div>
            <div class="qv-serp-desc" data-serp-desc>{{ $previewDesc }}</div>
        </div>
    </div>

    <div class="pqv-grid">
        <div class="qv-seo-field" data-seo="title" data-max="60" style="grid-column:1/-1">
            @include('agency.products._qv-field', ['field' => 'meta_title', 'label' => 'Meta Başlık', 'display' => $tour->meta_title, 'wide' => true])
            <div class="qv-seo-meta"><span class="form-text">Boş bırakılırsa tur adı kullanılır</span><span class="qv-cc">0/60</span></div>
        </div>
        <div class="qv-seo-field" data-seo="desc" data-max="160" style="grid-column:1/-1">
            @include('agency.products._qv-field', ['field' => 'meta_description', 'label' => 'Meta Açıklama', 'type' => 'textarea', 'display' => $tour->meta_description])
            <div class="qv-seo-meta"><span class="form-text">Boş bırakılırsa kısa açıklama kullanılır</span><span class="qv-cc">0/160</span></div>
        </div>
        <div class="qv-seo-field" style="grid-column:1/-1">
            @include('agency.products._qv-field', ['field' => 'meta_keywords', 'label' => 'Anahtar Kelimeler', 'display' => $tour->meta_keywords, 'wide' => true])
            <div class="qv-seo-meta"><span class="form-text">Virgülle ayrılmış anahtar kelimeler</span></div>
        </div>
    </div>

    {{-- Etiketler --}}
    <div class="mt-3">
        <div class="pqv-label mb-1">Etiketler (Tags)</div>
        <div class="qv-tags" data-qv-tags data-qv-url="{{ $uf }}">
            <div class="qv-tags-box" data-qv-tags-box>
                @foreach($tagsArr as $tag)
                    <span class="qv-tag" data-qv-tag>{{ $tag }}<button type="button" class="qv-tag-x" data-qv-tag-remove><i class="fas fa-times"></i></button></span>
                @endforeach
            </div>
            <input type="text" class="qv-tag-input" data-qv-tag-input placeholder="Etiket yazıp Enter'a basın">
        </div>
        <span class="form-text">Enter tuşuna basarak etiket ekleyin</span>
    </div>
</div>