@extends('agency.layouts.app')

@section('title', $tour->name . ' - Genel Bilgiler')
@section('page_title', 'Tur Düzenle')

@php
    $breadcrumbs = [
        ['title' => 'Ana Sayfa', 'url' => route('agency.dashboard')],
        ['title' => 'Kültür Turları', 'url' => route('agency.products.kultur-turlari.index')],
        ['title' => $tour->name, 'url' => route('agency.products.kultur-turlari.show', $tour)],
        ['title' => 'Genel Bilgiler', 'url' => '']
    ];
@endphp

@push('styles')
    <!-- Quill Rich Text Editor CSS -->
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <style>
        .tour-detail-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .tour-header {
            background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
            color: white;
            padding: 2rem;
            border-radius: var(--radius-xl);
            margin-bottom: 2rem;
            position: relative;
            overflow: hidden;
        }

        .tour-header::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transform: translate(50%, -50%);
        }

        .tour-header-content {
            position: relative;
            z-index: 2;
        }

        .tour-title {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .tour-code {
            font-size: 14px;
            opacity: 0.9;
            margin-bottom: 1rem;
        }

        .tour-meta {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
        }

        .tour-meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 14px;
        }

        .tour-meta-icon {
            font-size: 16px;
            opacity: 0.8;
        }

        .tabs-container {
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xl);
            overflow: hidden;
            margin-bottom: 2rem;
        }

        .nav-tabs {
            background: var(--gray-50);
            border-bottom: 1px solid var(--gray-200);
            padding: 0 1rem;
            margin: 0;
        }

        .nav-tabs .nav-link {
            border: none;
            border-radius: 0;
            color: var(--gray-600);
            font-weight: 500;
            padding: 1rem 1.5rem;
            position: relative;
            transition: var(--transition);
        }

        .nav-tabs .nav-link:hover {
            color: var(--primary-color);
            background: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active {
            color: var(--primary-color);
            background: transparent;
            border-color: transparent;
            font-weight: 600;
        }

        .nav-tabs .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--primary-color);
            border-radius: 3px 3px 0 0;
        }

        .tab-content {
            padding: 2rem;
        }

        .form-section {
            margin-bottom: 2.5rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid var(--gray-200);
        }

        .form-section:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .section-header {
            display: flex;
            align-items: center;
            justify-content: between;
            margin-bottom: 1.5rem;
        }

        .section-title {
            font-size: 18px;
            font-weight: 600;
            color: var(--gray-900);
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin: 0;
        }

        .section-icon {
            width: 20px;
            height: 20px;
            color: var(--primary-color);
        }

        .section-actions {
            display: flex;
            gap: 0.5rem;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-label {
            font-weight: 600;
            color: var(--gray-700);
            margin-bottom: 0.5rem;
            display: block;
        }

        .form-label.required::after {
            content: '*';
            color: var(--danger-color);
            margin-left: 4px;
        }

        .form-control {
            border: 1px solid var(--gray-300);
            border-radius: var(--radius-lg);
            padding: 0.75rem 1rem;
            font-size: 14px;
            transition: var(--transition);
        }

        .form-control:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
            outline: none;
        }

        .form-text {
            font-size: 12px;
            color: var(--gray-500);
            margin-top: 0.25rem;
        }

        .tags-input {
            position: relative;
        }

        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-bottom: 0.5rem;
        }

        .tag-item {
            background: var(--primary-color);
            color: white;
            padding: 4px 8px;
            border-radius: var(--radius-md);
            font-size: 12px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .tag-remove {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            padding: 0;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: var(--transition);
        }

        .tag-remove:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .categories-tree {
            max-height: 400px;
            overflow-y: auto;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            padding: 1rem;
            background: #f8f9fa;
        }

        .category-group {
            background: white;
            border-radius: var(--radius-md);
            padding: 0.75rem;
            border: 1px solid var(--gray-200);
        }

        .category-icon {
            width: 32px;
            height: 32px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        .category-children {
            border-left: 2px solid var(--gray-200);
            padding-left: 1rem;
            margin-top: 0.5rem;
        }

        .category-checkbox {
            border-radius: var(--radius-sm);
            cursor: pointer;
        }

        .form-check-label {
            cursor: pointer;
            user-select: none;
        }

        .category-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 0.5rem;
        }

        .category-checkbox {
            border-radius: var(--radius-sm);
        }

        .category-name {
            font-weight: 600;
            color: var(--gray-900);
            font-size: 14px;
        }

        .category-description {
            font-size: 12px;
            color: var(--gray-600);
            line-height: 1.4;
        }

        .form-actions {
            background: var(--gray-50);
            padding: 1.5rem 2rem;
            margin: -2rem -2rem 0;
            border-top: 1px solid var(--gray-200);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .action-buttons {
            display: flex;
            gap: 0.75rem;
        }

        .save-status {
            font-size: 13px;
            color: var(--gray-600);
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .save-status.saving {
            color: var(--warning-color);
        }

        .save-status.saved {
            color: var(--success-color);
        }

        .quick-nav {
            position: fixed;
            right: 2rem;
            top: 50%;
            transform: translateY(-50%);
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            padding: 1rem;
            box-shadow: var(--shadow-lg);
            z-index: 1000;
            display: none;
        }

        .quick-nav-item {
            display: block;
            padding: 0.5rem;
            color: var(--gray-600);
            text-decoration: none;
            font-size: 12px;
            transition: var(--transition);
            border-radius: var(--radius-sm);
        }

        .quick-nav-item:hover {
            color: var(--primary-color);
            background: var(--gray-100);
            text-decoration: none;
        }

        .quick-nav-item.active {
            color: var(--primary-color);
            background: var(--primary-color) 10;
        }

        @media (max-width: 768px) {
            .tour-detail-container {
                margin: 0;
            }

            .tour-header {
                padding: 1.5rem;
                margin-bottom: 1rem;
            }

            .tour-title {
                font-size: 22px;
            }

            .tour-meta {
                gap: 1rem;
            }

            .tab-content {
                padding: 1.5rem;
            }

            .form-actions {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }

            .action-buttons {
                justify-content: center;
                width: 100%;
            }

            .categories-grid {
                grid-template-columns: 1fr;
            }

            .quick-nav {
                display: none !important;
            }
        }

        @media (min-width: 1200px) {
            .quick-nav {
                display: block;
            }
        }
        /* Quill Editor Styling */
        .quill-editor-container {
            background: white;
            border: 1px solid var(--gray-300);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .ql-toolbar.ql-snow {
            border: none;
            border-bottom: 1px solid var(--gray-200);
            background: var(--gray-50);
            padding: 12px;
        }

        .ql-container.ql-snow {
            border: none;
            font-size: 15px;
            font-family: inherit;
        }

        .ql-editor {
            min-height: 200px;
            padding: 20px;
        }

        .ql-editor.ql-blank::before {
            color: var(--gray-400);
            font-style: normal;
        }

        .ql-toolbar button:hover,
        .ql-toolbar button:focus,
        .ql-toolbar button.ql-active {
            color: var(--primary-color) !important;
        }

        .ql-toolbar .ql-stroke {
            stroke: var(--gray-600);
        }

        .ql-toolbar .ql-stroke:hover {
            stroke: var(--primary-color);
        }

        .ql-toolbar .ql-fill {
            fill: var(--gray-600);
        }

        .ql-toolbar .ql-fill:hover {
            fill: var(--primary-color);
        }

        .ql-editor h1, .ql-editor h2, .ql-editor h3 {
            font-weight: 600;
            margin-top: 1em;
            margin-bottom: 0.5em;
        }

        .ql-editor ul, .ql-editor ol {
            padding-left: 1.5em;
        }

        .ql-editor li {
            margin-bottom: 0.5em;
        }
    </style>
@endpush

@section('content')
    <div class="tour-detail-container">
        <!-- Tour Header -->
        <div class="tour-header">
            <div class="tour-header-content">
                <div class="tour-code">Tur Kodu: {{ $tour->code }}</div>
                <h1 class="tour-title">{{ $tour->name }}</h1>
                <div class="tour-meta">
                    <div class="tour-meta-item">
                        <i class="fas fa-map-marker-alt tour-meta-icon"></i>
                        {{ $tour->departureCity->city ?? 'Belirtilmemiş' }} → {{ $tour->arrivalCity->city ?? 'Belirtilmemiş' }}
                    </div>
                    <div class="tour-meta-item">
                        <i class="fas fa-clock tour-meta-icon"></i>
                        {{ $tour->days }} Gün / {{ $tour->nights }} Gece
                    </div>
                    <div class="tour-meta-item">
                        <i class="fas fa-eye tour-meta-icon"></i>
                        {{ $tour->view_count }} Görüntülenme
                    </div>
                    <div class="tour-meta-item">
                        <i class="fas fa-calendar-check tour-meta-icon"></i>
                        {{ $tour->booking_count }} Rezervasyon
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabs Container -->
        <div class="tabs-container">
            <!-- Tab Navigation -->
            @include('agency.products.kultur-turlari._nav', ['active' => 'general'])

            <!-- Tab Content -->
            <div class="tab-content">
                <form method="POST" action="{{ route('agency.products.kultur-turlari.update-general', $tour) }}" id="generalForm">
                    @csrf
                    @method('PUT')

                    <!-- Basic Information Section -->
                    <div class="form-section" id="basic-info">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-info-circle section-icon"></i>
                                Temel Bilgiler
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="form-label required">Tur Adı</label>
                                    <input type="text" name="name" class="form-control"
                                           value="{{ old('name', $tour->name) }}"
                                           placeholder="Tur adını girin" required>
                                    <div class="form-text">Turunuzun çekici ve açıklayıcı bir adını girin</div>
                                    @error('name')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-label required">Tur Tipi</label>
                                    <select name="tour_type" class="form-select" required>
                                        <option value="">Seçiniz</option>
                                        <option value="domestic" {{ old('tour_type', $tour->tour_type) === 'domestic' ? 'selected' : '' }}>Yurt İçi</option>
                                        <option value="international" {{ old('tour_type', $tour->tour_type) === 'international' ? 'selected' : '' }}>Yurt Dışı</option>
                                    </select>
                                    @error('tour_type')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label required">Kısa Açıklama</label>
                            <textarea name="short_description" class="form-control" rows="3"
                                      placeholder="Turunuzun kısa açıklamasını yazın..." required>{{ old('short_description', $tour->short_description) }}</textarea>
                            <div class="form-text">Maksimum 500 karakter. Arama sonuçlarında ve önizlemelerde kullanılır</div>
                            @error('short_description')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label class="form-label required">Detaylı Açıklama</label>
                            <div class="quill-editor-container">
                                <div id="editor-description"></div>
                            </div>
                            <input type="hidden" name="description" id="description-input" value="{{ old('description', $tour->description) }}" required>
                            <div class="form-text">Turunuzun tüm özelliklerini, deneyimlerini ve avantajlarını detaylı olarak açıklayın</div>
                            @error('description')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Highlights Section -->
                    <div class="form-section" id="highlights">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-star section-icon"></i>
                                Öne Çıkan Özellikler
                            </h3>
                        </div>

                        <div class="form-group">
                            <label class="form-label">Gezilecek Yerler</label>
                            <div class="quill-editor-container">
                                <div id="editor-places-to-visit"></div>
                            </div>
                            <input type="hidden" name="places_to_visit" id="places-to-visit-input" value="{{ old('places_to_visit', $tour->places_to_visit) }}">
                            <div class="form-text">Tur kapsamında gezilecek yerleri listeleyin</div>
                            @error('places_to_visit')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Dahil Edilen Hizmetler</label>
                                    @if(isset($inclusionsTemplates) && $inclusionsTemplates->count() > 0)
                                        <select class="form-select mb-2" id="inclusionsTemplateSelect">
                                            <option value="">Şablon Seç (Opsiyonel)</option>
                                            @foreach($inclusionsTemplates as $template)
                                                <option value="{{ $template->id }}" data-content="{{ $template->description }}">
                                                    {{ $template->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @endif
                                    <div class="quill-editor-container">
                                        <div id="editor-inclusions"></div>
                                    </div>
                                    <input type="hidden" name="inclusions" id="inclusions-input" value="{{ old('inclusions', $tour->inclusions) }}">
                                    <div class="form-text">Tur fiyatına dahil olan hizmetleri listeleyin</div>
                                    @error('inclusions')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Dahil Edilmeyen Hizmetler</label>
                                    @if(isset($exclusionsTemplates) && $exclusionsTemplates->count() > 0)
                                        <select class="form-select mb-2" id="exclusionsTemplateSelect">
                                            <option value="">Şablon Seç (Opsiyonel)</option>
                                            @foreach($exclusionsTemplates as $template)
                                                <option value="{{ $template->id }}" data-content="{{ $template->description }}">
                                                    {{ $template->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @endif
                                    <div class="quill-editor-container">
                                        <div id="editor-exclusions"></div>
                                    </div>
                                    <input type="hidden" name="exclusions" id="exclusions-input" value="{{ old('exclusions', $tour->exclusions) }}">
                                    <div class="form-text">Tur fiyatına dahil olmayan hizmetleri belirtin</div>
                                    @error('exclusions')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Location Section -->
                    <div class="form-section" id="location">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-map-marker-alt section-icon"></i>
                                Konum Bilgileri
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label required">Kalkış Şehri</label>
                                    <select name="departure_city_id" class="form-select" required>
                                        <option value="">Şehir Seçiniz</option>
                                        @foreach($cities as $city)
                                            <option value="{{ $city->id }}" {{ old('departure_city_id', $tour->departure_city_id) == $city->id ? 'selected' : '' }}>
                                                {{ $city->city }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('departure_city_id')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label required">Varış Şehri</label>
                                    <select name="arrival_city_id" class="form-select" required>
                                        <option value="">Şehir Seçiniz</option>
                                        @foreach($cities as $city)
                                            <option value="{{ $city->id }}" {{ old('arrival_city_id', $tour->arrival_city_id) == $city->id ? 'selected' : '' }}>
                                                {{ $city->city }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('arrival_city_id')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Duration Section -->
                    <div class="form-section" id="duration">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-clock section-icon"></i>
                                Süre Bilgileri
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label required">Gün Sayısı</label>
                                    <input type="number" name="days" class="form-control"
                                           value="{{ old('days', $tour->days) }}" min="1" required id="daysInput">
                                    <div class="form-text">Turun toplam gün sayısını giriniz</div>
                                    @error('days')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Gece Sayısı</label>
                                    <input type="number" name="nights" class="form-control"
                                           value="{{ old('nights', $tour->nights) }}" min="0" id="nightsInput">
                                    <div class="form-text">Otomatik hesaplanır, elle de değiştirebilirsiniz</div>
                                    @error('nights')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Transportation Section -->
                    <div class="form-section" id="transportation">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-bus section-icon"></i>
                                Ulaşım Bilgileri
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label">Ulaşım Yöntemi</label>
                                    <select name="transportation_method" class="form-select" id="transportationMethod">
                                        <option value="">Seçiniz</option>
                                        <option value="air" {{ old('transportation_method', $tour->transportation_method) === 'air' ? 'selected' : '' }}>Uçak</option>
                                        <option value="road" {{ in_array(old('transportation_method', $tour->transportation_method), ['road', 'bus', 'minibus', 'private_vehicle']) ? 'selected' : '' }}>Kara Yolu</option>
                                        <option value="train" {{ old('transportation_method', $tour->transportation_method) === 'train' ? 'selected' : '' }}>Tren</option>
                                        <option value="ferry" {{ old('transportation_method', $tour->transportation_method) === 'ferry' ? 'selected' : '' }}>Feribot</option>
                                        <option value="other" {{ old('transportation_method', $tour->transportation_method) === 'other' ? 'selected' : '' }}>Diğer</option>
                                    </select>
                                    @error('transportation_method')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Air Transportation Fields -->
                        <div id="airTransportFields" style="display: {{ old('transportation_method', $tour->transportation_method) === 'air' ? 'block' : 'none' }};">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                <small>Uçak ile ulaşım bilgilerini girin. Birden fazla havaalanı varsa virgül ile ayırın.</small>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="form-label">Kalkış Havaalanları</label>
                                        <textarea name="departure_airports" class="form-control" rows="2"
                                                  placeholder="Örn: İstanbul Havalimanı (IST), Sabiha Gökçen Havalimanı (SAW)">{{ old('departure_airports', $tour->departure_airports) }}</textarea>
                                        <div class="form-text">Birden fazla havaalanı varsa virgül ile ayırın</div>
                                        @error('departure_airports')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">Kalkış Uçuş Numarası</label>
                                        <input type="text" name="departure_flight_number" class="form-control"
                                               value="{{ old('departure_flight_number', $tour->departure_flight_number) }}"
                                               placeholder="Örn: TK1234">
                                        <div class="form-text">Opsiyonel - varsa giriniz</div>
                                        @error('departure_flight_number')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">Kalkış Uçuş Saati</label>
                                        <input type="time" name="flight_departure_time" class="form-control"
                                               value="{{ old('flight_departure_time', $tour->flight_departure_time ? \Carbon\Carbon::parse($tour->flight_departure_time)->format('H:i') : '') }}">
                                        <div class="form-text">Opsiyonel</div>
                                        @error('flight_departure_time')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="form-label">Varış Havaalanları</label>
                                        <textarea name="arrival_airports" class="form-control" rows="2"
                                                  placeholder="Örn: Antalya Havalimanı (AYT)">{{ old('arrival_airports', $tour->arrival_airports) }}</textarea>
                                        <div class="form-text">Birden fazla havaalanı varsa virgül ile ayırın</div>
                                        @error('arrival_airports')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">İniş Uçuş Numarası</label>
                                        <input type="text" name="arrival_flight_number" class="form-control"
                                               value="{{ old('arrival_flight_number', $tour->arrival_flight_number) }}"
                                               placeholder="Örn: TK4321">
                                        <div class="form-text">Opsiyonel - varsa giriniz</div>
                                        @error('arrival_flight_number')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">İniş Uçuş Saati</label>
                                        <input type="time" name="flight_arrival_time" class="form-control"
                                               value="{{ old('flight_arrival_time', $tour->flight_arrival_time ? \Carbon\Carbon::parse($tour->flight_arrival_time)->format('H:i') : '') }}">
                                        <div class="form-text">Opsiyonel</div>
                                        @error('flight_arrival_time')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Road Transportation Fields -->
                        <div id="roadTransportFields" style="display: {{ in_array(old('transportation_method', $tour->transportation_method), ['road', 'bus', 'minibus', 'private_vehicle']) ? 'block' : 'none' }};">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                <small>Kalkış ve transfer noktalarını ekleyebilirsiniz.</small>
                            </div>

                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" id="hasTransferPoints" name="has_transfer_points"
                                       value="1" {{ old('has_transfer_points', $tour->has_transfer_points) ? 'checked' : '' }}>
                                <label class="form-check-label" for="hasTransferPoints">
                                    Transfer noktası ekle
                                </label>
                            </div>

                            <div id="transferPointsContainer" style="display: {{ old('has_transfer_points', $tour->has_transfer_points) ? 'block' : 'none' }};">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="mb-0">Transfer Noktaları</h6>
                                    <button type="button" class="btn btn-sm btn-primary" id="addTransferPoint">
                                        <i class="fas fa-plus me-1"></i>Nokta Ekle
                                    </button>
                                </div>

                                <div id="transferPointsList">
                                    @if($tour->transferPoints && $tour->transferPoints->count() > 0)
                                        @foreach($tour->transferPoints as $index => $point)
                                            <div class="transfer-point-item card mb-2">
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-5">
                                                            <div class="form-group">
                                                                <label class="form-label small">Yer Adı</label>
                                                                <input type="text" name="transfer_points[{{ $index }}][location_name]"
                                                                       class="form-control form-control-sm" value="{{ $point->location_name }}"
                                                                       placeholder="Örn: Taksim Meydanı" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label class="form-label small">Saat</label>
                                                                <input type="time" name="transfer_points[{{ $index }}][pickup_time]"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $point->pickup_time ? \Carbon\Carbon::parse($point->pickup_time)->format('H:i') : '' }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="form-label small">Not</label>
                                                                <input type="text" name="transfer_points[{{ $index }}][notes]"
                                                                       class="form-control form-control-sm" value="{{ $point->notes }}"
                                                                       placeholder="Opsiyonel">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1 d-flex align-items-end">
                                                            <button type="button" class="btn btn-sm btn-danger remove-transfer-point w-100">
                                                                <i class="fas fa-trash"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" name="transfer_points[{{ $index }}][id]" value="{{ $point->id }}">
                                                    <input type="hidden" name="transfer_points[{{ $index }}][sort_order]" value="{{ $index }}" class="sort-order-input">
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Transportation Notes -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label">Ulaşım Notları</label>
                                    <textarea name="transportation_notes" class="form-control" rows="3"
                                              placeholder="Ulaşım ile ilgili ek bilgiler...">{{ old('transportation_notes', $tour->transportation_notes) }}</textarea>
                                    @error('transportation_notes')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Capacity Section -->
                    <div class="form-section" id="capacity">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-users section-icon"></i>
                                Kapasite ve Yaş Sınırları
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label required">Minimum Katılımcı</label>
                                    <input type="number" name="min_participants" class="form-control"
                                           value="{{ old('min_participants', $tour->min_participants) }}" min="1" required>
                                    @error('min_participants')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Maksimum Katılımcı</label>
                                    <input type="number" name="max_participants" class="form-control"
                                           value="{{ old('max_participants', $tour->max_participants) }}" min="1">
                                    <div class="form-text">Boş bırakırsanız sınırsız olur</div>
                                    @error('max_participants')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Minimum Yaş</label>
                                    <input type="number" name="min_age" class="form-control"
                                           value="{{ old('min_age', $tour->min_age) }}" min="0">
                                    <div class="form-text">Yaş sınırı yoksa boş bırakın</div>
                                    @error('min_age')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Maksimum Yaş</label>
                                    <input type="number" name="max_age" class="form-control"
                                           value="{{ old('max_age', $tour->max_age) }}" min="1">
                                    <div class="form-text">Yaş sınırı yoksa boş bırakın</div>
                                    @error('max_age')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label required">Zorluk Seviyesi</label>
                                    <select name="difficulty_level" class="form-select" required>
                                        <option value="">Seçiniz</option>
                                        <option value="easy" {{ old('difficulty_level', $tour->difficulty_level) === 'easy' ? 'selected' : '' }}>Kolay</option>
                                        <option value="moderate" {{ old('difficulty_level', $tour->difficulty_level) === 'moderate' ? 'selected' : '' }}>Orta</option>
                                        <option value="challenging" {{ old('difficulty_level', $tour->difficulty_level) === 'challenging' ? 'selected' : '' }}>Zor</option>
                                        <option value="extreme" {{ old('difficulty_level', $tour->difficulty_level) === 'extreme' ? 'selected' : '' }}>Çok Zor</option>
                                    </select>
                                    @error('difficulty_level')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Zorluk Açıklaması</label>
                                    <textarea name="difficulty_description" class="form-control" rows="3"
                                              placeholder="Zorluk seviyesi hakkında detaylı açıklama...">{{ old('difficulty_description', $tour->difficulty_description) }}</textarea>
                                    <div class="form-text">Opsiyonel - Zorluk seviyesi hakkında ek bilgi verebilirsiniz</div>
                                    @error('difficulty_description')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Categories Section -->
                    <div class="form-section" id="categories">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-tags section-icon"></i>
                                Kategoriler
                            </h3>
                        </div>

                        @if($categories->count() > 0)
                            <div class="form-group">
                                <label class="form-label">Tur Kategorileri <span class="text-muted">(Opsiyonel)</span></label>
                                <div class="alert alert-info mb-3">
                                    <i class="fas fa-info-circle me-2"></i>
                                    <small>Ana kategorilere ve kendi oluşturduğunuz alt kategorilere tur ekleyebilirsiniz. Kategori seçmezseniz tur doğrudan hizmet türüne eklenecektir.</small>
                                </div>
                                <div class="categories-tree">
                                    @foreach($categories as $category)
                                        @if($category->is_master_category)
                                            <!-- Ana Kategori -->
                                            <div class="category-group mb-3">
                                                <div class="category-master">
                                                    <div class="d-flex align-items-center mb-2">
                                                        <div class="category-icon me-2" style="background-color: {{ $category->color_code }}15;">
                                                            <i class="fas fa-{{ $category->icon }}" style="color: {{ $category->color_code }};"></i>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <div class="form-check">
                                                                <input type="checkbox" name="categories[]" value="{{ $category->id }}"
                                                                       class="form-check-input category-checkbox"
                                                                       id="category{{ $category->id }}"
                                                                    {{ in_array($category->id, old('categories', optional($tour->product)->categories->pluck('id')->toArray() ?? [])) ? 'checked' : '' }}>
                                                                <label class="form-check-label fw-bold" for="category{{ $category->id }}">
                                                                    {{ $category->name }}
                                                                    <span class="badge bg-warning bg-opacity-75 text-dark ms-2" style="font-size: 0.65rem;">
                                                                        <i class="fas fa-star me-1"></i>Ana Kategori
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <!-- Alt Kategoriler -->
                                                    @if(isset($category->agencyChildren) && $category->agencyChildren->count() > 0)
                                                        <div class="category-children ms-4">
                                                            @foreach($category->agencyChildren as $child)
                                                                <div class="form-check mb-2">
                                                                    <input type="checkbox" name="categories[]" value="{{ $child->id }}"
                                                                           class="form-check-input category-checkbox"
                                                                           id="category{{ $child->id }}"
                                                                        {{ in_array($child->id, old('categories', optional($tour->product)->categories->pluck('id')->toArray() ?? [])) ? 'checked' : '' }}>
                                                                    <label class="form-check-label" for="category{{ $child->id }}">
                                                                        <i class="fas fa-arrow-right text-muted me-1" style="font-size: 0.75rem;"></i>
                                                                        {{ $child->name }}
                                                                    </label>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @elseif(!$category->master_category_id)
                                            <!-- Bağımsız Acente Kategorisi -->
                                            <div class="category-group mb-3">
                                                <div class="form-check">
                                                    <input type="checkbox" name="categories[]" value="{{ $category->id }}"
                                                           class="form-check-input category-checkbox"
                                                           id="category{{ $category->id }}"
                                                        {{ in_array($category->id, old('categories', optional($tour->product)->categories->pluck('id')->toArray() ?? [])) ? 'checked' : '' }}>
                                                    <label class="form-check-label fw-semibold" for="category{{ $category->id }}">
                                                        <i class="fas fa-folder text-primary me-2"></i>
                                                        {{ $category->name }}
                                                    </label>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                                <div class="form-text">İsterseniz kategorisiz oluşturabilirsiniz</div>
                                @error('categories')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>
                        @else
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle alert-icon"></i>
                                Henüz kategori oluşturmadınız. <a href="{{ route('agency.categories.create', ['product_type' => 'kultur-turu']) }}" target="_blank">Buradan</a> kategori oluşturabilirsiniz.
                            </div>
                        @endif
                    </div>

                    <!-- Terms Section -->
                    <div class="form-section" id="terms">
                        <div class="section-header">
                            <h3 class="section-title">
                                <i class="fas fa-file-contract section-icon"></i>
                                Şartlar ve Koşullar
                            </h3>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">İptal Politikası</label>
                                    <select name="cancellation_policy_definition_id" class="form-select" id="cancellationPolicySelect">
                                        <option value="">Manuel Giriş</option>
                                        @if(isset($cancellationPolicies))
                                            @foreach($cancellationPolicies as $policy)
                                                <option value="{{ $policy->id }}"
                                                        data-description="{{ $policy->description }}"
                                                    {{ old('cancellation_policy_definition_id', $tour->cancellation_policy_definition_id ?? '') == $policy->id ? 'selected' : '' }}>
                                                    {{ $policy->name }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <div class="form-text">Hazır iptal politikası seçebilir veya manuel girebilirsiniz</div>
                                    @error('cancellation_policy_definition_id')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">İptal Son Tarihi (Saat)</label>
                                    <input type="number" name="cancellation_deadline_hours" class="form-control"
                                           value="{{ old('cancellation_deadline_hours', $tour->cancellation_deadline_hours) }}"
                                           min="1" placeholder="24">
                                    <div class="form-text">Tur başlangıcından kaç saat önce iptal edilebilir</div>
                                    @error('cancellation_deadline_hours')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label">İptal Politikası Detayı</label>
                            <div class="quill-editor-container">
                                <div id="editor-cancellation"></div>
                            </div>
                            <input type="hidden" name="cancellation_policy" id="cancellation-input" value="{{ old('cancellation_policy', $tour->cancellation_policy) }}">
                            <div class="form-text">İptal koşulları ve iade politikasını belirtin</div>
                            @error('cancellation_policy')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label class="form-label">Şartlar ve Koşullar</label>
                            @if(isset($termsConditions) && $termsConditions->count() > 0)
                                <select class="form-select mb-2" id="termsTemplateSelect">
                                    <option value="">Şablon Seç (Opsiyonel)</option>
                                    @foreach($termsConditions as $template)
                                        <option value="{{ $template->id }}" data-content="{{ $template->description }}">
                                            {{ $template->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif
                            <div class="quill-editor-container">
                                <div id="editor-terms"></div>
                            </div>
                            <input type="hidden" name="terms_conditions" id="terms-input" value="{{ old('terms_conditions', $tour->terms_conditions) }}">
                            <div class="form-text">Tura katılım için geçerli şartları belirtin</div>
                            @error('terms_conditions')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Form Actions -->
                    <div class="form-actions">
                        <div class="save-status" id="saveStatus">
                            <i class="fas fa-circle"></i>
                            Değişiklikler kaydedilmedi
                        </div>
                        <div class="action-buttons">
                            <button type="button" class="btn btn-outline-secondary" onclick="resetForm()">
                                <i class="fas fa-undo"></i> Sıfırla
                            </button>
                            <button type="submit" class="btn btn-primary" id="saveBtn">
                                <i class="fas fa-save"></i> Değişiklikleri Kaydet
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- Quick Navigation -->
        <div class="quick-nav" id="quickNav">
            <a href="#basic-info" class="quick-nav-item">Temel Bilgiler</a>
            <a href="#highlights" class="quick-nav-item">Özellikler</a>
            <a href="#location" class="quick-nav-item">Konum</a>
            <a href="#duration" class="quick-nav-item">Süre</a>
            <a href="#capacity" class="quick-nav-item">Kapasite</a>
            <a href="#categories" class="quick-nav-item">Kategoriler</a>
            <a href="#terms" class="quick-nav-item">Şartlar</a>
        </div>
    </div>
@endsection

@push('scripts')
    <!-- Quill Rich Text Editor JS -->
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize Quill Editors
            const toolbarOptions = [
                [{ 'header': [1, 2, 3, false] }],
                ['bold', 'italic', 'underline', 'strike'],
                [{ 'list': 'ordered'}, { 'list': 'bullet' }],
                [{ 'color': [] }, { 'background': [] }],
                [{ 'align': [] }],
                ['link'],
                ['clean']
            ];

            // Description Editor
            const descriptionEditor = new Quill('#editor-description', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'Turunuzun detaylı açıklamasını yazın...'
            });

            const descriptionInput = document.getElementById('description-input');
            if (descriptionInput.value) {
                descriptionEditor.root.innerHTML = descriptionInput.value;
            }
            descriptionEditor.on('text-change', function() {
                descriptionInput.value = descriptionEditor.root.innerHTML;
            });

            // Places to Visit Editor
            const placesToVisitEditor = new Quill('#editor-places-to-visit', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'Gezilecek yerleri yazın...'
            });

            const placesToVisitInput = document.getElementById('places-to-visit-input');
            if (placesToVisitInput.value) {
                placesToVisitEditor.root.innerHTML = placesToVisitInput.value;
            }
            placesToVisitEditor.on('text-change', function() {
                placesToVisitInput.value = placesToVisitEditor.root.innerHTML;
            });

            // Inclusions Editor
            const inclusionsEditor = new Quill('#editor-inclusions', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'Dahil olan hizmetleri listeleyin...'
            });

            const inclusionsInput = document.getElementById('inclusions-input');
            if (inclusionsInput.value) {
                inclusionsEditor.root.innerHTML = inclusionsInput.value;
            }
            inclusionsEditor.on('text-change', function() {
                inclusionsInput.value = inclusionsEditor.root.innerHTML;
            });

            // Exclusions Editor
            const exclusionsEditor = new Quill('#editor-exclusions', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'Dahil olmayan hizmetleri listeleyin...'
            });

            const exclusionsInput = document.getElementById('exclusions-input');
            if (exclusionsInput.value) {
                exclusionsEditor.root.innerHTML = exclusionsInput.value;
            }
            exclusionsEditor.on('text-change', function() {
                exclusionsInput.value = exclusionsEditor.root.innerHTML;
            });

            // Cancellation Policy Editor
            const cancellationEditor = new Quill('#editor-cancellation', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'İptal politikası detaylarını yazın...'
            });

            const cancellationInput = document.getElementById('cancellation-input');
            if (cancellationInput.value) {
                cancellationEditor.root.innerHTML = cancellationInput.value;
            }
            cancellationEditor.on('text-change', function() {
                cancellationInput.value = cancellationEditor.root.innerHTML;
            });

            // Terms & Conditions Editor
            const termsEditor = new Quill('#editor-terms', {
                theme: 'snow',
                modules: {
                    toolbar: toolbarOptions
                },
                placeholder: 'Şartlar ve koşulları yazın...'
            });

            const termsInput = document.getElementById('terms-input');
            if (termsInput.value) {
                termsEditor.root.innerHTML = termsInput.value;
            }
            termsEditor.on('text-change', function() {
                termsInput.value = termsEditor.root.innerHTML;
            });

            // Template select handlers
            const inclusionsTemplateSelect = document.getElementById('inclusionsTemplateSelect');
            if (inclusionsTemplateSelect) {
                inclusionsTemplateSelect.addEventListener('change', function() {
                    const selectedOption = this.options[this.selectedIndex];
                    if (selectedOption.value) {
                        const content = selectedOption.getAttribute('data-content');
                        inclusionsEditor.root.innerHTML = content || '';
                        inclusionsInput.value = content || '';
                    }
                });
            }

            const exclusionsTemplateSelect = document.getElementById('exclusionsTemplateSelect');
            if (exclusionsTemplateSelect) {
                exclusionsTemplateSelect.addEventListener('change', function() {
                    const selectedOption = this.options[this.selectedIndex];
                    if (selectedOption.value) {
                        const content = selectedOption.getAttribute('data-content');
                        exclusionsEditor.root.innerHTML = content || '';
                        exclusionsInput.value = content || '';
                    }
                });
            }

            const cancellationPolicySelect = document.getElementById('cancellationPolicySelect');
            if (cancellationPolicySelect) {
                cancellationPolicySelect.addEventListener('change', function() {
                    const selectedOption = this.options[this.selectedIndex];
                    if (selectedOption.value) {
                        const content = selectedOption.getAttribute('data-description');
                        cancellationEditor.root.innerHTML = content || '';
                        cancellationInput.value = content || '';
                    }
                });
            }

            const termsTemplateSelect = document.getElementById('termsTemplateSelect');
            if (termsTemplateSelect) {
                termsTemplateSelect.addEventListener('change', function() {
                    const selectedOption = this.options[this.selectedIndex];
                    if (selectedOption.value) {
                        const content = selectedOption.getAttribute('data-content');
                        termsEditor.root.innerHTML = content || '';
                        termsInput.value = content || '';
                    }
                });
            }

            const form = document.getElementById('generalForm');
            const saveBtn = document.getElementById('saveBtn');
            const saveStatus = document.getElementById('saveStatus');
            const daysInput = document.getElementById('daysInput');
            const nightsInput = document.getElementById('nightsInput');

            // Form değişikliklerini takip et
            let formChanged = false;
            const originalFormData = new FormData(form);

            // Form değişiklik algılama
            form.addEventListener('input', function() {
                const currentFormData = new FormData(form);
                formChanged = !compareFormData(originalFormData, currentFormData);
                updateSaveStatus();
            });

            function compareFormData(fd1, fd2) {
                for (let [key, value] of fd1) {
                    if (fd2.get(key) !== value) return false;
                }
                for (let [key, value] of fd2) {
                    if (fd1.get(key) !== value) return false;
                }
                return true;
            }

            function updateSaveStatus() {
                if (formChanged) {
                    saveStatus.innerHTML = '<i class="fas fa-exclamation-circle"></i> Değişiklikler kaydedilmedi';
                    saveStatus.className = 'save-status';
                } else {
                    saveStatus.innerHTML = '<i class="fas fa-check-circle"></i> Tüm değişiklikler kaydedildi';
                    saveStatus.className = 'save-status saved';
                }
            }

            // Gece sayısını otomatik hesapla (kullanıcı elle değiştirmediyse)
            let nightsManuallyChanged = false;

            if (nightsInput) {
                nightsInput.addEventListener('input', function() {
                    nightsManuallyChanged = true;
                });
            }

            if (daysInput) {
                daysInput.addEventListener('input', function() {
                    const days = parseInt(this.value) || 0;

                    // Sadece kullanıcı elle değiştirmediyse otomatik hesapla
                    if (!nightsManuallyChanged && nightsInput) {
                        const nights = Math.max(0, days - 1);
                        nightsInput.value = nights;
                    }
                });
            }

            // Auto-fill arrival city from departure city
            const departureCitySelect = document.querySelector('select[name="departure_city_id"]');
            const arrivalCitySelect = document.querySelector('select[name="arrival_city_id"]');
            let arrivalCityManuallyChanged = false;

            if (arrivalCitySelect) {
                arrivalCitySelect.addEventListener('change', function() {
                    if (this.value) {
                        arrivalCityManuallyChanged = true;
                    }
                });
            }

            if (departureCitySelect) {
                departureCitySelect.addEventListener('change', function() {
                    // Only auto-fill if arrival city hasn't been manually changed
                    if (!arrivalCityManuallyChanged && this.value) {
                        arrivalCitySelect.value = this.value;
                    }
                });
            }

            // Category selection
            const categoryCards = document.querySelectorAll('.category-card');
            const categoryCheckboxes = document.querySelectorAll('.category-checkbox');

            if (categoryCards) {
                categoryCards.forEach(card => {
                    card.addEventListener('click', function(e) {
                        if (e.target.type !== 'checkbox') {
                            const checkbox = this.querySelector('.category-checkbox');
                            if (checkbox) {
                                checkbox.checked = !checkbox.checked;
                                checkbox.dispatchEvent(new Event('change'));
                            }
                        }
                        const checkbox = this.querySelector('.category-checkbox');
                        if (checkbox) {
                            this.classList.toggle('selected', checkbox.checked);
                        }
                    });
                });
            }

            if (categoryCheckboxes) {
                categoryCheckboxes.forEach(checkbox => {
                    checkbox.addEventListener('change', function() {
                        const card = this.closest('.category-card');
                        if (card) {
                            card.classList.toggle('selected', this.checked);
                        }
                    });

                    // Set initial state
                    const card = checkbox.closest('.category-card');
                    if (card) {
                        card.classList.toggle('selected', checkbox.checked);
                    }
                });
            }

            // Form submission
            form.addEventListener('submit', function(e) {
                // Category validation removed - categories are now optional

                // Mark as saved to prevent beforeunload warning
                formChanged = false;

                // Update save status
                saveStatus.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Kaydediliyor...';
                saveStatus.className = 'save-status saving';
                saveBtn.disabled = true;
                saveBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Kaydediliyor...';
            });

            // Reset form
            window.resetForm = function() {
                if (confirm('Tüm değişiklikleri geri almak istediğinizden emin misiniz?')) {
                    location.reload();
                }
            };

            // Quick navigation
            const quickNavItems = document.querySelectorAll('.quick-nav-item');
            const sections = document.querySelectorAll('.form-section');

            // Smooth scroll for quick nav
            if (quickNavItems && quickNavItems.length > 0) {
                quickNavItems.forEach(item => {
                    item.addEventListener('click', function(e) {
                        e.preventDefault();
                        const targetId = this.getAttribute('href').substring(1);
                        const targetSection = document.getElementById(targetId);
                        if (targetSection) {
                            targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
                        }
                    });
                });
            }

            // Update active nav item on scroll
            function updateActiveNavItem() {
                let current = '';
                if (sections && sections.length > 0) {
                    sections.forEach(section => {
                        const sectionTop = section.offsetTop - 100;
                        if (window.pageYOffset >= sectionTop) {
                            current = section.getAttribute('id');
                        }
                    });

                    if (quickNavItems && quickNavItems.length > 0) {
                        quickNavItems.forEach(item => {
                            item.classList.remove('active');
                            if (item.getAttribute('href') === '#' + current) {
                                item.classList.add('active');
                            }
                        });
                    }
                }
            }

            window.addEventListener('scroll', updateActiveNavItem);
            updateActiveNavItem(); // Initial call

            // Auto-save functionality (optional)
            let autoSaveTimeout;
            form.addEventListener('input', function() {
                clearTimeout(autoSaveTimeout);
                autoSaveTimeout = setTimeout(function() {
                    if (formChanged) {
                        // Could implement auto-save here
                        console.log('Auto-save would trigger here');
                    }
                }, 5000); // 5 seconds after last change
            });

            // Initialize based on current values
            if (durationType.value) {
                durationType.dispatchEvent(new Event('change'));
            }
            if (daysInput.value && durationType.value === 'days') {
                daysInput.dispatchEvent(new Event('input'));
            }

            // Transportation method handling
            const transportationMethod = document.getElementById('transportationMethod');
            const airTransportFields = document.getElementById('airTransportFields');
            const roadTransportFields = document.getElementById('roadTransportFields');
            const hasTransferPoints = document.getElementById('hasTransferPoints');
            const transferPointsContainer = document.getElementById('transferPointsContainer');
            const addTransferPointBtn = document.getElementById('addTransferPoint');
            const transferPointsList = document.getElementById('transferPointsList');

            let transferPointIndex = {{ $tour->transferPoints ? $tour->transferPoints->count() : 0 }};

            // Transportation method change handler
            if (transportationMethod) {
                transportationMethod.addEventListener('change', function() {
                    const value = this.value;

                    // Hide all transport fields
                    airTransportFields.style.display = 'none';
                    roadTransportFields.style.display = 'none';

                    // Show relevant fields
                    if (value === 'air') {
                        airTransportFields.style.display = 'block';
                    } else if (value === 'road') {
                        roadTransportFields.style.display = 'block';
                    }
                });
            }

            // Transfer points checkbox handler
            if (hasTransferPoints) {
                hasTransferPoints.addEventListener('change', function() {
                    transferPointsContainer.style.display = this.checked ? 'block' : 'none';
                });
            }

            // Add transfer point
            if (addTransferPointBtn) {
                addTransferPointBtn.addEventListener('click', function() {
                    const pointHtml = `
                        <div class="transfer-point-item card mb-2">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label class="form-label small">Yer Adı</label>
                                            <input type="text" name="transfer_points[${transferPointIndex}][location_name]"
                                                   class="form-control form-control-sm"
                                                   placeholder="Örn: Taksim Meydanı" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label class="form-label small">Saat</label>
                                            <input type="time" name="transfer_points[${transferPointIndex}][pickup_time]"
                                                   class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label small">Not</label>
                                            <input type="text" name="transfer_points[${transferPointIndex}][notes]"
                                                   class="form-control form-control-sm"
                                                   placeholder="Opsiyonel">
                                        </div>
                                    </div>
                                    <div class="col-md-1 d-flex align-items-end">
                                        <button type="button" class="btn btn-sm btn-danger remove-transfer-point w-100">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </div>
                                <input type="hidden" name="transfer_points[${transferPointIndex}][sort_order]" value="${transferPointIndex}" class="sort-order-input">
                            </div>
                        </div>
                    `;

                    transferPointsList.insertAdjacentHTML('beforeend', pointHtml);
                    transferPointIndex++;
                    formChanged = true;
                    updateSaveStatus();
                });
            }

            // Remove transfer point (using event delegation)
            if (transferPointsList) {
                transferPointsList.addEventListener('click', function(e) {
                    if (e.target.classList.contains('remove-transfer-point') || e.target.closest('.remove-transfer-point')) {
                        const btn = e.target.classList.contains('remove-transfer-point') ? e.target : e.target.closest('.remove-transfer-point');
                        const item = btn.closest('.transfer-point-item');

                        if (confirm('Bu transfer noktasını silmek istediğinizden emin misiniz?')) {
                            item.remove();
                            formChanged = true;
                            updateSaveStatus();

                            // Update sort orders
                            document.querySelectorAll('.transfer-point-item').forEach((item, index) => {
                                const sortInput = item.querySelector('.sort-order-input');
                                if (sortInput) {
                                    sortInput.value = index;
                                }
                            });
                        }
                    }
                });
            }

            // Prevent accidental navigation away
            window.addEventListener('beforeunload', function(e) {
                if (formChanged) {
                    e.preventDefault();
                    e.returnValue = 'Kaydedilmemiş değişiklikleriniz var. Sayfadan ayrılmak istediğinizden emin misiniz?';
                }
            });
        });
    </script>
@endpush