@extends('layouts.app')

@section('content')
<div class="max-w-6xl px-4 pb-60">
    <div class="grid items-start max-w-2xl grid-cols-1 grid-rows-1 gap-4 mx-auto lg:mx-0 lg:max-w-none lg:grid-cols-5">
        <div class="grid gap-4 lg:col-span-5">

            <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                <div class="sm:flex sm:items-center sm:justify-between">
                    <div class="sm:flex-auto">
                        <h1 class="text-base font-semibold text-stone-900">Ayarlar - {{ $restaurant->name }}</h1>
                        <p class="mt-2 text-xs text-stone-700">Restoran rezervasyon ve bildirim ayarlarını yapılandırın.
                        </p>
                    </div>
                    <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">
                        <a href="{{ route('admin.restaurants.working-hours', $restaurant) }}"
                            class="inline-flex items-center px-3 py-2 text-sm font-semibold text-center text-white bg-teal-600 rounded-md shadow-sm hover:bg-teal-500">
                            <span class="mr-1 text-sm material-symbols-rounded">schedule</span>
                            SERVİS SAATLERİ
                        </a>
                    </div>
                </div>
            </div>

            @if(session('success'))
            <div class="p-4 border border-green-200 rounded-lg bg-green-50">
                <div class="flex items-center">
                    <span class="mr-2 text-green-600 material-symbols-rounded">check_circle</span>
                    <span class="text-sm text-green-800">{{ session('success') }}</span>
                </div>
            </div>
            @endif

            <form action="{{ route('admin.restaurants.settings.update', $restaurant) }}" method="POST"
                class="grid gap-y-4">
                @csrf
                @method('PUT')

                <!-- Rezervasyon Ayarları -->
                <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                    <h2 class="mb-4 text-base font-semibold text-stone-900">Rezervasyon Ayarları</h2>
                    <div class="space-y-4">
                        <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Varsayılan Süre (Dakika)</label>
                                <input type="number" name="reservation_settings[default_duration]"
                                    value="{{ old('reservation_settings.default_duration', $settings->reservation_settings['default_duration'] ?? 120) }}"
                                    min="30" step="30"
                                    class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Slot Aralığı (Dakika)</label>
                                <input type="number" name="reservation_settings[slot_interval]"
                                    value="{{ old('reservation_settings.slot_interval', $settings->reservation_settings['slot_interval'] ?? 30) }}"
                                    min="15" step="15"
                                    class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                        </div>

                        <div class="w-1/2">
                            <label for="require_payment" class="block text-sm font-medium text-stone-900">Ön Ödeme
                                Zorunlu</label>
                            <p class="text-sm text-stone-500 mb-1">Aktif olduğunda misafirler rezervasyonu tamamlamak
                                için ödeme
                                yapmak zorundadır. Kapalı olduğunda ödeme adımı atlanır ve rezervasyon doğrudan
                                oluşturulur.</p>
                            <select name="reservation_settings[require_payment]" id="require_payment"
                                class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                                <option value="1" {{ (old('reservation_settings.require_payment', $settings->
                                    reservation_settings['require_payment'] ?? true)) ? 'selected' : '' }}>Evet</option>
                                <option value="0" {{ !(old('reservation_settings.require_payment', $settings->
                                    reservation_settings['require_payment'] ?? true)) ? 'selected' : '' }}>Hayır
                                </option>
                            </select>
                        </div>

                        <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Ön Ödeme Tipi</label>
                                <select name="reservation_settings[deposit_type]"
                                    class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                                    <option value="fixed" {{ old('reservation_settings.deposit_type', $settings->
                                        reservation_settings['deposit_type'] ?? 'fixed') == 'fixed' ? 'selected' : ''
                                        }}>Sabit Tutar</option>
                                    <option value="percentage" {{ old('reservation_settings.deposit_type', $settings->
                                        reservation_settings['deposit_type'] ?? 'fixed') == 'percentage' ? 'selected' :
                                        '' }}>Yüzde</option>
                                </select>
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Ön Ödeme Değeri</label>
                                <input type="number" name="reservation_settings[deposit_value]"
                                    value="{{ old('reservation_settings.deposit_value', $settings->reservation_settings['deposit_value'] ?? 100) }}"
                                    min="0" step="0.01"
                                    class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Kişi Başı Baz Tutar (₺)</label>
                                <input type="number" name="reservation_settings[base_amount_per_guest]"
                                    value="{{ old('reservation_settings.base_amount_per_guest', $settings->reservation_settings['base_amount_per_guest'] ?? '') }}"
                                    min="0" step="0.01"
                                    class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                        </div>

                        <div class="w-1/2">
                            <label for="show_bank_info" class="block text-sm font-medium text-stone-900">Banka
                                Bilgilerini Göster</label>
                            <p class="text-sm text-stone-500 mb-1">Aktif olduğunda banka bilgileri rezervasyon sonrası
                                sayfasında ve müşteriye gönderilen e-postada gösterilir.</p>
                            <select name="reservation_settings[show_bank_info]" id="show_bank_info"
                                class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                                <option value="1" {{ (old('reservation_settings.show_bank_info', $settings->
                                    reservation_settings['show_bank_info'] ?? false)) ? 'selected' : '' }}>Evet</option>
                                <option value="0" {{ !(old('reservation_settings.show_bank_info', $settings->
                                    reservation_settings['show_bank_info'] ?? false)) ? 'selected' : '' }}>Hayır
                                </option>
                            </select>
                        </div>

                        <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Banka Adı</label>
                                <input type="text" name="reservation_settings[bank_name]"
                                    value="{{ old('reservation_settings.bank_name', $settings->reservation_settings['bank_name'] ?? '') }}"
                                    class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Hesap Adı</label>
                                <input type="text" name="reservation_settings[account_name]"
                                    value="{{ old('reservation_settings.account_name', $settings->reservation_settings['account_name'] ?? '') }}"
                                    placeholder="Ad Soyad / Firma Adı"
                                    class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">IBAN</label>
                                <input type="text" name="reservation_settings[iban]"
                                    value="{{ old('reservation_settings.iban', $settings->reservation_settings['iban'] ?? '') }}"
                                    placeholder="TR..."
                                    class="block w-full px-3 py-2 mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                        </div>

                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" name="reservation_settings[auto_confirm]" id="auto_confirm"
                                    value="1" {{ old('reservation_settings.auto_confirm',
                                    $settings->reservation_settings['auto_confirm'] ?? false) ? 'checked' : '' }}
                                class="w-4 h-4 rounded bg-stone-50 border-stone-300 text-stone-600
                                focus:ring-stone-500">
                            </div>
                            <div class="ml-3 text-sm">
                                <label for="auto_confirm" class="font-medium text-stone-900">Otomatik Onay</label>
                                <p class="text-stone-500">Rezervasyonlar otomatik olarak onaylansın</p>
                            </div>
                        </div>

                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" name="reservation_settings[allow_multiple_menu_selection]"
                                    id="allow_multiple_menu_selection" value="1" {{
                                    old('reservation_settings.allow_multiple_menu_selection',
                                    $settings->reservation_settings['allow_multiple_menu_selection'] ?? true) ?
                                'checked' : '' }}
                                class="w-4 h-4 rounded bg-stone-50 border-stone-300 text-stone-600
                                focus:ring-stone-500">
                            </div>
                            <div class="ml-3 text-sm">
                                <label for="allow_multiple_menu_selection" class="font-medium text-stone-900">Çoklu Menü
                                    Seçimine İzin Ver</label>
                                <p class="text-stone-500">Misafirler rezervasyon sırasında birden fazla menü seçeneği
                                    seçebilsin (kapalı ise sadece bir menü seçilebilir)</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Bildirim Ayarları -->
                <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                    <h2 class="mb-4 text-base font-semibold text-stone-900">Bildirim Ayarları</h2>
                    <div class="space-y-4">
                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" name="notification_settings[send_confirmation_email]"
                                    id="send_confirmation_email" value="1" {{
                                    old('notification_settings.send_confirmation_email',
                                    $settings->notification_settings['send_confirmation_email'] ?? true) ? 'checked' :
                                '' }}
                                class="w-4 h-4 rounded bg-stone-50 border-stone-300 text-stone-600
                                focus:ring-stone-500">
                            </div>
                            <div class="ml-3 text-sm">
                                <label for="send_confirmation_email" class="font-medium text-stone-900">Onay E-postası
                                    Gönder</label>
                            </div>
                        </div>

                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" name="notification_settings[send_reminder_email]"
                                    id="send_reminder_email" value="1" {{
                                    old('notification_settings.send_reminder_email',
                                    $settings->notification_settings['send_reminder_email'] ?? true) ? 'checked' : '' }}
                                class="w-4 h-4 rounded bg-stone-50 border-stone-300 text-stone-600
                                focus:ring-stone-500">
                            </div>
                            <div class="ml-3 text-sm">
                                <label for="send_reminder_email" class="font-medium text-stone-900">Hatırlatma E-postası
                                    Gönder</label>
                            </div>
                        </div>

                        <div>
                            <label class="block text-sm font-medium text-stone-900">Hatırlatma Kaç Saat Önce</label>
                            <input type="number" name="notification_settings[reminder_hours_before]"
                                value="{{ old('notification_settings.reminder_hours_before', $settings->notification_settings['reminder_hours_before'] ?? 24) }}"
                                min="1"
                                class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                        </div>

                        <div>
                            <label class="block text-sm font-medium text-stone-900">Yönetici E-posta Adresi</label>
                            <input type="email" name="notification_settings[admin_email]"
                                value="{{ old('notification_settings.admin_email', $settings->notification_settings['admin_email'] ?? '') }}"
                                class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                        </div>
                    </div>
                </div>

                <!-- PayTR Ayarları -->
                <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                    <h2 class="mb-4 text-base font-semibold text-stone-900">PayTR Ödeme Ayarları</h2>
                    <div class="space-y-4">
                        <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Merchant ID</label>
                                <input type="text" name="paytr_merchant_id"
                                    value="{{ old('paytr_merchant_id', $settings->paytr_merchant_id ?? '') }}"
                                    class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-stone-900">Test Modu</label>
                                <div class="flex items-start mt-2">
                                    <input type="checkbox" name="paytr_test_mode" id="paytr_test_mode" value="1" {{
                                        old('paytr_test_mode', $settings->paytr_test_mode ?? false) ? 'checked' : '' }}
                                    class="w-4 h-4 rounded bg-stone-50 border-stone-300 text-stone-600
                                    focus:ring-stone-500">
                                    <label for="paytr_test_mode" class="ml-2 text-sm text-stone-700">Test modunu aktif
                                        et</label>
                                </div>
                            </div>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-stone-900">Merchant Key</label>
                            <input type="password" name="paytr_merchant_key"
                                value="{{ old('paytr_merchant_key', $settings->paytr_merchant_key ?? '') }}"
                                class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-stone-900">Merchant Salt</label>
                            <input type="password" name="paytr_merchant_salt"
                                value="{{ old('paytr_merchant_salt', $settings->paytr_merchant_salt ?? '') }}"
                                class="block w-full mt-1 rounded-md shadow-sm bg-stone-50 border-stone-300 focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                        </div>
                    </div>
                </div>

                <div class="flex items-center justify-end pt-4 gap-x-4">
                    <a href="{{ route('admin.dashboard', $selectedRestaurant ? ['restaurant_id' => $selectedRestaurant->id] : []) }}"
                        class="text-sm font-semibold leading-6 text-stone-900 hover:text-stone-700">
                        İptal
                    </a>
                    <button type="submit"
                        class="px-3 py-2 text-sm font-semibold text-white rounded-md shadow-sm bg-stone-600 hover:bg-stone-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-stone-600">
                        Ayarları Kaydet
                    </button>
                </div>
            </form>

        </div>
    </div>
</div>
@endsection