@extends('layouts.admin')
@section('title', 'System Settings')
@section('content')
<div class="max-w-4xl">
    <div class="admin-card overflow-hidden">
        <div class="border-b border-gold/10 px-6 py-4">
            <h3 class="font-playfair text-cream text-lg font-semibold">General Configuration</h3>
            <p class="text-cream/40 text-xs">Update your restaurant's information and global settings.</p>
        </div>

        <form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data" class="p-6 space-y-8">
            @csrf
            
            {{-- Brand Section --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Brand & Identity</h4>
                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label class="form-label">Restaurant Name</label>
                        <input type="text" name="app_name" value="{{ $settings['app_name'] ?? 'Shalik Restaurant' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Tagline</label>
                        <input type="text" name="app_tagline" value="{{ $settings['app_tagline'] ?? 'Authentic Bengali Cuisine' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Logo (Light)</label>
                        <input type="file" name="logo_light" class="form-input text-xs">
                        @if(isset($settings['logo_light']))
                        <img src="{{ asset('storage/'.$settings['logo_light']) }}" class="h-10 mt-2 opacity-80">
                        @endif
                    </div>
                    <div>
                        <label class="form-label">Logo (Dark)</label>
                        <input type="file" name="logo_dark" class="form-input text-xs">
                        @if(isset($settings['logo_dark']))
                        <img src="{{ asset('storage/'.$settings['logo_dark']) }}" class="h-10 mt-2">
                        @endif
                    </div>
                </div>
            </div>

            {{-- Contact Section --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Contact Information</h4>
                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label class="form-label">Primary Phone</label>
                        <input type="text" name="contact_phone" value="{{ $settings['contact_phone'] ?? '' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Support Email</label>
                        <input type="email" name="contact_email" value="{{ $settings['contact_email'] ?? '' }}" class="form-input">
                    </div>
                    <div class="md:col-span-2">
                        <label class="form-label">Head Office Address</label>
                        <textarea name="contact_address" rows="2" class="form-input resize-none">{{ $settings['contact_address'] ?? '' }}</textarea>
                    </div>
                    <div>
                        <label class="form-label">WhatsApp Number (For floating button)</label>
                        <input type="text" name="whatsapp_number" value="{{ $settings['whatsapp_number'] ?? '' }}" class="form-input" placeholder="+8801XXXXXXXXX">
                    </div>
                    <div>
                        <label class="form-label">Opening Hours (Weekdays)</label>
                        <input type="text" name="opening_hours_weekdays" value="{{ $settings['opening_hours_weekdays'] ?? 'Mon – Fri: 11:00 AM – 10:30 PM' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Opening Hours (Weekends)</label>
                        <input type="text" name="opening_hours_weekends" value="{{ $settings['opening_hours_weekends'] ?? 'Sat – Sun: 10:00 AM – 11:00 PM' }}" class="form-input">
                    </div>
                    <div class="md:col-span-2">
                        <label class="flex items-center gap-3 cursor-pointer">
                            <input type="checkbox" name="is_24_hours" value="1" {{ ($settings['is_24_hours'] ?? '0') == '1' ? 'checked' : '' }} class="w-4 h-4 accent-gold">
                            <span class="text-cream/70 text-sm">Open 24 Hours (Overrides specific times)</span>
                        </label>
                    </div>
                </div>
            </div>

            {{-- Social Media --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Social Media Links</h4>
                <div class="grid md:grid-cols-3 gap-6">
                    <div>
                        <label class="form-label"><i class="fab fa-facebook mr-1"></i> Facebook</label>
                        <input type="url" name="social_facebook" value="{{ $settings['social_facebook'] ?? '' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label"><i class="fab fa-instagram mr-1"></i> Instagram</label>
                        <input type="url" name="social_instagram" value="{{ $settings['social_instagram'] ?? '' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label"><i class="fab fa-youtube mr-1"></i> YouTube</label>
                        <input type="url" name="social_youtube" value="{{ $settings['social_youtube'] ?? '' }}" class="form-input">
                    </div>
                </div>
            </div>

            {{-- Footer Configuration --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Footer Configuration</h4>
                <div class="grid md:grid-cols-1 gap-6">
                    <div>
                        <label class="form-label">Footer "About Us" Description</label>
                        <textarea name="footer_about" rows="3" class="form-input resize-none">{{ $settings['footer_about'] ?? 'A celebration of authentic Bengali culinary heritage, served with love and modern luxury.' }}</textarea>
                    </div>
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <label class="form-label">Copyright Text</label>
                            <input type="text" name="footer_copyright" value="{{ $settings['footer_copyright'] ?? 'All rights reserved.' }}" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Powered By (HTML allowed)</label>
                            <input type="text" name="footer_powered_by" value="{{ $settings['footer_powered_by'] ?? 'Shalik Tech' }}" class="form-input">
                        </div>
                    </div>
                </div>
            </div>

            {{-- Operational Settings --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Operational Settings</h4>
                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label class="form-label">Reservation Lead Time (Minutes)</label>
                        <input type="number" name="reservation_lead_time" value="{{ $settings['reservation_lead_time'] ?? '30' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Currency Symbol</label>
                        <input type="text" name="currency_symbol" value="{{ $settings['currency_symbol'] ?? '৳' }}" class="form-input">
                    </div>
                    <label class="flex items-center gap-3 cursor-pointer">
                        <input type="checkbox" name="enable_newsletter" value="1" {{ ($settings['enable_newsletter'] ?? '1') == '1' ? 'checked' : '' }} class="w-4 h-4 accent-gold">
                        <span class="text-cream/70 text-sm">Enable Newsletter Popup</span>
                    </label>
                    <label class="flex items-center gap-3 cursor-pointer">
                        <input type="checkbox" name="maintenance_mode" value="1" {{ ($settings['maintenance_mode'] ?? '0') == '1' ? 'checked' : '' }} class="w-4 h-4 accent-gold">
                        <span class="text-red-400 text-sm">Maintenance Mode (Site Offline)</span>
                    </label>
                </div>
            </div>

            <div class="pt-6 border-t border-gold/10">
                <button type="submit" class="btn-primary px-10 py-3">
                    <i class="fas fa-save mr-2"></i> Save Changes
                </button>
            </div>
        </form>
    </div>
</div>
@endsection