@extends('agency.layouts.app')

@section('title', 'Kültür Turları')
@section('page_title', 'Kültür Turları')

@php
    $breadcrumbs = [
        ['title' => 'Ana Sayfa', 'url' => route('agency.dashboard')],
        ['title' => 'Ürünler', 'url' => '#'],
        ['title' => 'Kültür Turları', 'url' => '']
    ];

    $sort = request('sort', 'created_at');
    $dir = request('dir', 'desc');

    $columns = [
        ['key' => 'image',    'label' => 'Görsel',       'align' => 'center', 'width' => '70px'],
        ['key' => 'name',     'label' => 'Tur Adı',      'sortable' => true, 'sort' => 'name'],
        ['key' => 'category', 'label' => 'Kategori'],
        ['key' => 'city',     'label' => 'Kalkış',       'sortable' => true, 'sort' => 'departure_city_id'],
        ['key' => 'duration', 'label' => 'Süre',         'align' => 'center'],
        ['key' => 'price',    'label' => 'Fiyat',        'align' => 'end'],
        ['key' => 'views',    'label' => 'Görüntülenme', 'sortable' => true, 'sort' => 'view_count', 'align' => 'center'],
        ['key' => 'status',   'label' => 'Durum',        'align' => 'center'],
        ['key' => 'created',  'label' => 'Oluşturma',    'sortable' => true, 'sort' => 'created_at', 'visible' => false],
        ['key' => '_actions', 'label' => 'İşlemler',     'fixed' => true, 'align' => 'end', 'width' => '150px'],
    ];

    $filters = [
        ['key' => 'status', 'label' => 'Durum', 'value' => request('status'), 'options' => [
            'active' => 'Aktif', 'inactive' => 'Pasif', 'published' => 'Yayında',
        ]],
        ['key' => 'category', 'label' => 'Kategori', 'value' => request('category'),
            'options' => $categories->pluck('name', 'id')->toArray()],
        ['key' => 'tour_type', 'label' => 'Tur Tipi', 'value' => request('tour_type'), 'options' => [
            'domestic' => 'İç Turizm', 'international' => 'Dış Turizm',
        ]],
    ];

@endphp

@section('content')
<div class="container-fluid">
    <x-data-table
        module="products-kultur"
        title="Kültür Turları"
        subtitle="Kültür turlarınızı yönetin"
        icon="fa-landmark"
        :columns="$columns"
        :filters="$filters"
        :bulk="true"
        :search="request('search', '')"
        search-placeholder="Tur adı veya kod ara..."
        :sort="$sort"
        :dir="$dir"
        create-onclick="openDraftQuickView('{{ route('agency.products.kultur-turlari.quick-create') }}')"
        create-label="Yeni Kültür Turu"
        :paginator="$tours"
        :per-page-options="[12, 24, 48, 96]"
    >
        <x-slot:headerActions>
            <a href="{{ route('agency.products.kultur-turlari.drafts') }}" class="dt-btn dt-btn-ghost">
                <i class="fas fa-file-pen"></i> Taslaklar
                @if($draftCount)<span class="dt-pill">{{ $draftCount }}</span>@endif
            </a>
        </x-slot:headerActions>

        <x-slot:bulkActions>
            <button type="button" class="dt-mini-btn" onclick="bulkAction('active')"><i class="fas fa-check"></i> Aktif Et</button>
            <button type="button" class="dt-mini-btn" onclick="bulkAction('inactive')"><i class="fas fa-pause"></i> Pasif Et</button>
            <button type="button" class="dt-mini-btn" onclick="bulkAction('delete')"><i class="fas fa-trash"></i> Sil</button>
        </x-slot:bulkActions>

        @forelse($tours as $tour)
            <tr class="kultur-row" data-quickview-url="{{ route('agency.products.kultur-turlari.quick-view', $tour) }}" style="cursor:pointer">
                <td data-col="_select"><label class="dt-check"><input type="checkbox" class="dt-rowcheck" value="{{ $tour->id }}"><span></span></label></td>
                <td data-col="image" class="text-center">
                    @if($tour->coverImage?->galleryImage)
                        <img class="dt-thumb" src="{{ $tour->coverImage->galleryImage->thumbnail_url }}" alt="">
                    @else
                        <span class="dt-thumb-ph"><i class="fas fa-image"></i></span>
                    @endif
                </td>
                <td data-col="name">
                    <div class="dt-cell-main">{{ $tour->name }}</div>
                    <div class="dt-cell-sub">
                        <i class="fas fa-hashtag" style="font-size:.62rem"></i> {{ $tour->code ?? '—' }}
                        @if($tour->is_featured) <span class="dt-badge dt-badge-amber ms-1"><i class="fas fa-star"></i></span>@endif
                    </div>
                </td>
                <td data-col="category">
                    @if($tour->categories->isNotEmpty())
                        <span class="dt-badge dt-badge-indigo">{{ $tour->categories->first()->name }}</span>
                        @if($tour->categories->count() > 1)<span class="dt-cell-sub">+{{ $tour->categories->count() - 1 }}</span>@endif
                    @else
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>
                <td data-col="city">
                    <i class="fas fa-location-dot text-danger" style="font-size:.72rem"></i>
                    {{ $tour->departureCity->city ?? 'Belirtilmemiş' }}
                </td>
                <td data-col="duration" class="text-center">
                    <span class="dt-badge dt-badge-slate">{{ $tour->days }}G / {{ $tour->nights }}Gece</span>
                </td>
                <td data-col="price" class="text-end">
                    @php $startingPrice = $tour->getLowestPrice(); @endphp
                    @if($startingPrice > 0)
                        <span class="dt-cell-main">{{ number_format($startingPrice, 0) }}</span>
                        <span class="dt-cell-sub">{{ $tour->currency }}</span>
                    @else
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>
                <td data-col="views" class="text-center"><i class="fas fa-eye text-muted" style="font-size:.72rem"></i> {{ $tour->view_count }}</td>
                <td data-col="status" class="text-center">
                    @if($tour->is_active && $tour->is_public)
                        <span class="dt-badge dt-badge-green"><i class="fas fa-circle" style="font-size:.5rem"></i> Yayında</span>
                    @elseif($tour->is_active && !$tour->is_public)
                        <span class="dt-badge dt-badge-amber"><i class="fas fa-circle" style="font-size:.5rem"></i> Gizli</span>
                    @else
                        <span class="dt-badge dt-badge-red"><i class="fas fa-circle" style="font-size:.5rem"></i> Pasif</span>
                    @endif
                </td>
                <td data-col="created"><span class="dt-cell-sub">{{ $tour->created_at?->format('d.m.Y') }}</span></td>
                <td data-col="_actions" class="text-end">
                    <div class="dt-rowact">
                        <a href="{{ route('agency.products.kultur-turlari.show', $tour) }}" class="dt-iconbtn" title="Görüntüle"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('agency.products.kultur-turlari.general', $tour) }}" class="dt-iconbtn" title="Düzenle"><i class="fas fa-pen"></i></a>
                        <button type="button" class="dt-iconbtn" onclick="duplicateTour({{ $tour->id }})" title="Kopyala"><i class="fas fa-copy"></i></button>
                        <button type="button" class="dt-iconbtn {{ $tour->is_active ? 'warn' : 'success' }}" onclick="toggleStatus({{ $tour->id }})" title="Durum Değiştir">
                            <i class="fas {{ $tour->is_active ? 'fa-pause' : 'fa-play' }}"></i>
                        </button>
                        <button type="button" class="dt-iconbtn danger" onclick="deleteTour({{ $tour->id }})" title="Sil"><i class="fas fa-trash"></i></button>
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="100">
                    <div class="dt-empty">
                        <i class="fas fa-landmark"></i>
                        <h4>Henüz kültür turu bulunmuyor</h4>
                        <p>İlk kültür turunuzu oluşturarak başlayın.</p>
                    </div>
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>

@endsection

@push('scripts')
<script>
    function csrf() { return document.querySelector('meta[name="csrf-token"]').content; }

    function toggleStatus(id) {
        fetch(`/agency/products/kultur-turlari/${id}/toggle-status`, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf(), 'Content-Type': 'application/json' } })
            .then(r => r.json()).then(d => { if (d.success) location.reload(); });
    }
    function deleteTour(id) {
        if (!confirm('Bu turu silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.')) return;
        fetch(`/agency/products/kultur-turlari/${id}`, { method: 'DELETE', headers: { 'X-CSRF-TOKEN': csrf(), 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
            .then(async r => {
                if (r.ok || r.status === 404) { location.reload(); return; }
                const d = await r.json().catch(() => ({}));
                alert(d.message || 'Tur silinemedi.');
            })
            .catch(() => alert('Bağlantı hatası.'));
    }
    function duplicateTour(id) {
        if (!confirm('Bu turu kopyalamak istediğinizden emin misiniz?')) return;
        fetch(`/agency/products/kultur-turlari/${id}/duplicate`, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf(), 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
            .then(async r => {
                const d = await r.json().catch(() => ({}));
                if (d.success && d.redirect) { window.location.href = d.redirect; }
                else { alert(d.message || 'Tur kopyalanamadı.'); }
            })
            .catch(() => alert('Bağlantı hatası.'));
    }
    function bulkAction(action) {
        const selected = Array.from(document.querySelectorAll('.dt-root .dt-rowcheck:checked')).map(c => c.value);
        if (selected.length === 0) return;

        let confirmText = '', endpoint = '';
        if (action === 'delete') { confirmText = `${selected.length} turu silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.`; endpoint = '/agency/products/kultur-turlari/bulk-delete'; }
        else { confirmText = `${selected.length} turun durumunu güncellemek istediğinizden emin misiniz?`; endpoint = '/agency/products/kultur-turlari/bulk-status'; }

        if (!confirm(confirmText)) return;
        const data = { tours: selected };
        if (action !== 'delete') data.status = action;

        fetch(endpoint, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf(), 'Content-Type': 'application/json' }, body: JSON.stringify(data) })
            .then(r => r.json()).then(d => { if (d.success) location.reload(); });
    }
</script>
@endpush