@extends('page.layouts.app')

@section('title', 'Acente Kaydı')

@section('content')
    <div class="min-h-screen bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 py-12 px-4 sm:px-6 lg:px-8">
        <div class="max-w-5xl mx-auto">
            <!-- Header -->
            <div class="text-center mb-12">
                <div
                    class="inline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-blue-600 to-purple-600 rounded-2xl mb-6 shadow-xl">
                    <svg class="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                    </svg>
                </div>
                <h1 class="text-4xl font-bold text-gray-900 mb-4">Acente Kaydı</h1>
                <p class="text-lg text-gray-600">Platformumuza katılın ve işinizi büyütün</p>
            </div>

            <!-- Success/Error Messages -->
            @if (session('success'))
                <div class="mb-8 rounded-2xl bg-green-50 p-6 border-2 border-green-200 shadow-lg">
                    <div class="flex items-start">
                        <svg class="w-6 h-6 text-green-500 mt-1" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                  clip-rule="evenodd"/>
                        </svg>
                        <div class="ml-4">
                            <h3 class="text-lg font-semibold text-green-900">Başarılı!</h3>
                            <p class="text-green-800 mt-1">{{ session('success') }}</p>
                        </div>
                    </div>
                </div>
            @endif

            @if ($errors->any())
                <div class="mb-8 rounded-2xl bg-red-50 p-6 border-2 border-red-200 shadow-lg">
                    <div class="flex items-start">
                        <svg class="w-6 h-6 text-red-500 mt-1" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
                                  clip-rule="evenodd"/>
                        </svg>
                        <div class="ml-4">
                            <h3 class="text-lg font-semibold text-red-900">Hata!</h3>
                            <ul class="mt-2 text-sm text-red-800 space-y-1">
                                @foreach ($errors->all() as $error)
                                    <li>• {{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            @endif

            <!-- Form -->
            <div class="bg-white rounded-3xl shadow-2xl overflow-hidden">
                <form action="{{ route('agency.register') }}" method="POST" enctype="multipart/form-data"
                      class="p-8 space-y-8">
                    @csrf

                    <!-- Acente Bilgileri -->
                    <div class="space-y-6">
                        <div class="flex items-center space-x-3 pb-4 border-b-2 border-gray-200">
                            <div
                                class="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-500 rounded-xl flex items-center justify-center">
                                <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                          d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                                </svg>
                            </div>
                            <h2 class="text-2xl font-bold text-gray-900">Acente Bilgileri</h2>
                        </div>

                        <div class="grid md:grid-cols-2 gap-6">
                            <div class="md:col-span-2">
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Acente Adı <span
                                        class="text-red-500">*</span></label>
                                <input type="text" name="agency_name" value="{{ old('agency_name') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="Örnek Turizm Ltd. Şti.">
                            </div>

                            <div class="md:col-span-2">
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Açıklama</label>
                                <textarea name="description" rows="3"
                                          class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                          placeholder="Acenteniz hakkında kısa bilgi...">{{ old('description') }}</textarea>
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">İşletme Tipi <span
                                        class="text-red-500">*</span></label>
                                <select name="business_type" required
                                        class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200">
                                    <option value="">Seçiniz</option>
                                    <option
                                        value="travel_agency" {{ old('business_type') == 'travel_agency' ? 'selected' : '' }}>
                                        Seyahat Acentesi
                                    </option>
                                    <option
                                        value="tour_operator" {{ old('business_type') == 'tour_operator' ? 'selected' : '' }}>
                                        Tur Operatörü
                                    </option>
                                    <option value="both" {{ old('business_type') == 'both' ? 'selected' : '' }}>Her
                                        İkisi
                                    </option>
                                </select>
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Vergi Numarası <span
                                        class="text-red-500">*</span></label>
                                <input type="text" name="tax_number" value="{{ old('tax_number') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="XXXXXXXXXX">
                            </div>
                        </div>
                    </div>

                    <!-- İletişim Bilgileri -->
                    <div class="space-y-6">
                        <div class="flex items-center space-x-3 pb-4 border-b-2 border-gray-200">
                            <div
                                class="w-10 h-10 bg-gradient-to-br from-green-500 to-teal-500 rounded-xl flex items-center justify-center">
                                <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                          d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                                </svg>
                            </div>
                            <h2 class="text-2xl font-bold text-gray-900">İletişim Bilgileri</h2>
                        </div>

                        <div class="grid md:grid-cols-2 gap-6">
                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Yetkili Kişi <span
                                        class="text-red-500">*</span></label>
                                <input type="text" name="contact_person" value="{{ old('contact_person') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="Ad Soyad">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Telefon <span
                                        class="text-red-500">*</span></label>
                                <input type="tel" name="contact_phone" value="{{ old('contact_phone') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="5XX XXX XX XX">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">E-posta <span
                                        class="text-red-500">*</span></label>
                                <input type="email" name="contact_email" value="{{ old('contact_email') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="info@acente.com">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Website</label>
                                <input type="url" name="website_url" value="{{ old('website_url') }}"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="https://www.acente.com">
                            </div>

                            <div class="md:col-span-2">
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Adres <span
                                        class="text-red-500">*</span></label>
                                <textarea name="contact_address" rows="3" required
                                          class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                          placeholder="Tam adres...">{{ old('contact_address') }}</textarea>
                            </div>
                        </div>
                    </div>

                    <!-- Yasal Belgeler -->
                    <div class="space-y-6">
                        <div class="flex items-center space-x-3 pb-4 border-b-2 border-gray-200">
                            <div
                                class="w-10 h-10 bg-gradient-to-br from-orange-500 to-red-500 rounded-xl flex items-center justify-center">
                                <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                                </svg>
                            </div>
                            <h2 class="text-2xl font-bold text-gray-900">Yasal Belgeler</h2>
                        </div>

                        <div class="grid md:grid-cols-2 gap-6">
                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Vergi Levhası <span
                                        class="text-red-500">*</span></label>
                                <input type="file" name="tax_certificate_file" required accept=".pdf,.jpg,.jpeg,.png"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-purple-50 file:text-purple-700 hover:file:bg-purple-100">
                                <p class="text-xs text-gray-500 mt-1">PDF, JPG veya PNG (Max 5MB)</p>
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">TÜRSAB Belgesi</label>
                                <input type="file" name="tursab_certificate_file" accept=".pdf,.jpg,.jpeg,.png"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-purple-50 file:text-purple-700 hover:file:bg-purple-100">
                                <p class="text-xs text-gray-500 mt-1">PDF, JPG veya PNG (Max 5MB)</p>
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">TÜRSAB Faaliyet
                                    Belgesi</label>
                                <input type="file" name="tursab_activity_certificate_file" accept=".pdf,.jpg,.jpeg,.png"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-purple-50 file:text-purple-700 hover:file:bg-purple-100">
                                <p class="text-xs text-gray-500 mt-1">PDF, JPG veya PNG (Max 5MB)</p>
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">TÜRSAB Sicil
                                    Belgesi</label>
                                <input type="file" name="tursab_registry_certificate_file" accept=".pdf,.jpg,.jpeg,.png"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-purple-50 file:text-purple-700 hover:file:bg-purple-100">
                                <p class="text-xs text-gray-500 mt-1">PDF, JPG veya PNG (Max 5MB)</p>
                            </div>
                        </div>
                    </div>

                    <!-- Sosyal Medya -->
                    <div class="space-y-6">
                        <div class="flex items-center space-x-3 pb-4 border-b-2 border-gray-200">
                            <div
                                class="w-10 h-10 bg-gradient-to-br from-pink-500 to-purple-500 rounded-xl flex items-center justify-center">
                                <svg class="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z"/>
                                </svg>
                            </div>
                            <h2 class="text-2xl font-bold text-gray-900">Sosyal Medya</h2>
                        </div>

                        <div class="grid md:grid-cols-2 gap-6">
                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Facebook</label>
                                <input type="url" name="facebook_url" value="{{ old('facebook_url') }}"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="https://facebook.com/acente">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Twitter</label>
                                <input type="url" name="twitter_url" value="{{ old('twitter_url') }}"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="https://twitter.com/acente">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Instagram</label>
                                <input type="url" name="instagram_url" value="{{ old('instagram_url') }}"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="https://instagram.com/acente">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">YouTube</label>
                                <input type="url" name="youtube_url" value="{{ old('youtube_url') }}"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="https://youtube.com/acente">
                            </div>
                        </div>
                    </div>

                    <!-- Yetkili Bilgileri -->
                    <div class="space-y-6">
                        <div class="flex items-center space-x-3 pb-4 border-b-2 border-gray-200">
                            <div
                                class="w-10 h-10 bg-gradient-to-br from-indigo-500 to-blue-500 rounded-xl flex items-center justify-center">
                                <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                          d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                                </svg>
                            </div>
                            <h2 class="text-2xl font-bold text-gray-900">Yetkili Kişi Bilgileri</h2>
                        </div>

                        <div class="grid md:grid-cols-2 gap-6">
                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Ad <span
                                        class="text-red-500">*</span></label>
                                <input type="text" name="owner_first_name" value="{{ old('owner_first_name') }}"
                                       required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Soyad <span
                                        class="red-500">*</span></label>
                                <input type="text" name="owner_last_name" value="{{ old('owner_last_name') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">E-posta <span
                                        class="text-red-500">*</span></label>
                                <input type="email" name="owner_email" value="{{ old('owner_email') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Telefon <span
                                        class="text-red-500">*</span></label>
                                <input type="tel" name="owner_phone" value="{{ old('owner_phone') }}" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="5XX XXX XX XX">
                            </div>

                            <div class="md:col-span-2">
                                <label class="block text-sm font-semibold text-gray-700 mb-2">TC Kimlik No <span
                                        class="text-red-500">*</span></label>
                                <input type="text" name="owner_national_id" value="{{ old('owner_national_id') }}"
                                       required maxlength="11"
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="XXXXXXXXXXX">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Şifre <span
                                        class="text-red-500">*</span></label>
                                <input type="password" name="owner_password" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="En az 8 karakter">
                            </div>

                            <div>
                                <label class="block text-sm font-semibold text-gray-700 mb-2">Şifre Tekrar <span
                                        class="text-red-500">*</span></label>
                                <input type="password" name="owner_password_confirmation" required
                                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                                       placeholder="Şifreyi tekrar girin">
                            </div>
                        </div>
                    </div>

                    <!-- Sözleşmeler -->
                    <div class="space-y-4">
                        <div
                            class="flex items-start space-x-3 bg-gradient-to-br from-purple-50 to-pink-50 p-6 rounded-2xl border-2 border-purple-200">
                            <input type="checkbox" name="terms" id="terms" required
                                   class="w-5 h-5 text-purple-600 border-gray-300 rounded focus:ring-purple-500 mt-1">
                            <label for="terms" class="text-sm text-gray-700 leading-relaxed">
                                <a href="#" class="font-semibold text-purple-600 hover:text-purple-700 underline">Kullanım
                                    Koşulları</a> ve
                                <a href="#" class="font-semibold text-purple-600 hover:text-purple-700 underline">Hizmet
                                    Sözleşmesi</a>'ni okudum ve kabul ediyorum.
                            </label>
                        </div>

                        <div
                            class="flex items-start space-x-3 bg-gradient-to-br from-blue-50 to-indigo-50 p-6 rounded-2xl border-2 border-blue-200">
                            <input type="checkbox" name="kvkk" id="kvkk" required
                                   class="w-5 h-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500 mt-1">
                            <label for="kvkk" class="text-sm text-gray-700 leading-relaxed">
                                <a href="#" class="font-semibold text-blue-600 hover:text-blue-700 underline">KVKK
                                    Aydınlatma Metni</a>'ni okudum, kişisel verilerimin işlenmesini kabul ediyorum.
                            </label>
                        </div>
                    </div>

                    <!-- Submit Button -->
                    <div class="flex items-center justify-between pt-6 border-t-2 border-gray-200">
                        <a href="{{ route('home') }}"
                           class="text-gray-600 hover:text-gray-900 font-medium transition-colors">
                            ← Ana Sayfaya Dön
                        </a>
                        <button type="submit"
                                class="px-8 py-4 bg-gradient-to-r from-purple-600 to-indigo-600 text-white text-lg font-semibold rounded-xl hover:from-purple-700 hover:to-indigo-700 focus:outline-none focus:ring-4 focus:ring-purple-300 shadow-xl hover:shadow-2xl transform hover:scale-105 transition-all duration-200">
                        <span class="flex items-center">
                            Başvuru Gönder
                            <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                      d="M13 7l5 5m0 0l-5 5m5-5H6"/>
                            </svg>
                        </span>
                        </button>
                    </div>
                </form>
            </div>

            <!-- Info Box -->
            <div class="mt-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-2xl p-8 text-white shadow-2xl">
                <div class="flex items-start space-x-4">
                    <div class="flex-shrink-0">
                        <svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                  d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                    <div class="flex-1">
                        <h3 class="text-xl font-bold mb-3">Başvuru Süreci Hakkında</h3>
                        <ul class="space-y-2 text-blue-50">
                            <li class="flex items-start">
                                <svg class="w-5 h-5 mr-2 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                          clip-rule="evenodd"/>
                                </svg>
                                <span>Başvurunuz 1-3 iş günü içinde değerlendirilecektir</span>
                            </li>
                            <li class="flex items-start">
                                <svg class="w-5 h-5 mr-2 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                          clip-rule="evenodd"/>
                                </svg>
                                <span>Onay sonucu e-posta ile bildirilecektir</span>
                            </li>
                            <li class="flex items-start">
                                <svg class="w-5 h-5 mr-2 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                          clip-rule="evenodd"/>
                                </svg>
                                <span>Onay sonrası hemen turlarınızı eklemeye başlayabilirsiniz</span>
                            </li>
                            <li class="flex items-start">
                                <svg class="w-5 h-5 mr-2 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                          clip-rule="evenodd"/>
                                </svg>
                                <span>7/24 teknik destek ekibimiz size yardımcı olmaya hazır</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection