@extends('agency.layouts.app')

@section('title', 'Taslak Günübirlik Turlar')
@section('page_title', 'Taslaklar')

@php
    $breadcrumbs = [
        ['title' => 'Ana Sayfa', 'url' => route('agency.dashboard')],
        ['title' => 'Ürünler', 'url' => '#'],
        ['title' => 'Günübirlik Turlar', 'url' => route('agency.products.gunubirlik-turlar.index')],
        ['title' => 'Taslaklar', 'url' => '']
    ];

    $columns = [
        ['key' => 'image',    'label' => 'Görsel',    'align' => 'center', 'width' => '70px'],
        ['key' => 'name',     'label' => 'Tur Adı'],
        ['key' => 'city',     'label' => 'Kalkış'],
        ['key' => 'time',     'label' => 'Saat',      'align' => 'center'],
        ['key' => 'created',  'label' => 'Oluşturma'],
        ['key' => '_actions', 'label' => 'İşlemler',  'fixed' => true, 'align' => 'end', 'width' => '170px'],
    ];
@endphp

@section('content')
<div class="container-fluid">
    <div class="mb-3">
        <a href="{{ route('agency.products.gunubirlik-turlar.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i> Günübirlik Turlara Dön
        </a>
    </div>

    <x-data-table
        module="products-gunubirlik-drafts"
        title="Taslaklar"
        subtitle="Tamamlanmamış günübirlik tur taslakları"
        icon="fa-file-pen"
        :columns="$columns"
        :search="request('search', '')"
        search-placeholder="Tur adı veya kod ara..."
        :paginator="$tours"
        :per-page-options="[24, 48, 96]"
    >
        @forelse($tours as $tour)
            <tr class="gunubirlik-row" data-quickview-url="{{ route('agency.products.gunubirlik-turlar.quick-view', $tour) }}" style="cursor:pointer">
                <td data-col="image" class="text-center">
                    @if($tour->coverImage?->image_url)
                        <img class="dt-thumb" src="{{ $tour->coverImage->thumbnail_url ?: $tour->coverImage->image_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 ?? '—' }}</div>
                </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="time" class="text-center">
                    <span class="dt-badge dt-badge-slate">{{ substr($tour->start_time ?? '', 0, 5) }}–{{ substr($tour->end_time ?? '', 0, 5) }}</span>
                </td>
                <td data-col="created"><span class="dt-cell-sub">{{ $tour->created_at?->format('d.m.Y H:i') }}</span></td>
                <td data-col="_actions" class="text-end">
                    <div class="dt-rowact">
                        <button type="button" class="dt-iconbtn success" onclick="publishDraft({{ $tour->id }})" title="Taslaktan Çıkar"><i class="fas fa-check"></i></button>
                        <button type="button" class="dt-iconbtn danger" onclick="deleteDraft({{ $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-file-pen"></i>
                        <h4>Taslak bulunmuyor</h4>
                        <p>Yeni bir taslak oluşturduğunuzda burada listelenir.</p>
                    </div>
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>
@endsection

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

    function publishDraft(id) {
        if (!confirm('Bu turu taslaktan çıkarıp yayına almak istediğinizden emin misiniz?')) return;
        fetch(`/agency/products/gunubirlik-turlar/${id}/publish-draft`, { method: 'POST', headers: { 'X-CSRF-TOKEN': csrf(), 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
            .then(r => r.json()).then(d => { if (d.success) location.reload(); });
    }
    function deleteDraft(id) {
        if (!confirm('Bu taslağı silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.')) return;
        fetch(`/agency/products/gunubirlik-turlar/${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 || 'Taslak silinemedi.');
            })
            .catch(() => alert('Bağlantı hatası.'));
    }
</script>
@endpush