@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'general') }}" method="POST">
            @csrf
            
            <div class="row g-3">
                <div class="col-md-12">
                     <label class="form-label fw-bold">Website Name</label>
                     <input type="text" name="site_name" class="form-control" value="{{ \App\Models\Setting::get('site_name', 'Gletra') }}" required>
                </div>
                
                <div class="col-md-12">
                     <label class="form-label fw-bold">Website URL</label>
                     <input type="url" name="site_url" class="form-control" value="{{ \App\Models\Setting::get('site_url', config('app.url')) }}" required>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Admin Email</label>
                     <input type="email" name="admin_email" class="form-control" value="{{ \App\Models\Setting::get('admin_email', 'admin@gletra.com') }}" required>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Support Email</label>
                     <input type="email" name="support_email" class="form-control" value="{{ \App\Models\Setting::get('support_email', 'support@gletra.com') }}" required>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Support Phone</label>
                     <input type="text" name="support_phone" class="form-control" value="{{ \App\Models\Setting::get('support_phone', '+1 234 567 890') }}">
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Default Language</label>
                     <select name="default_language" class="form-select">
                         <option value="en" {{ \App\Models\Setting::get('default_language') == 'en' ? 'selected' : '' }}>English</option>
                         <option value="es" {{ \App\Models\Setting::get('default_language') == 'es' ? 'selected' : '' }}>Spanish</option>
                         <option value="fr" {{ \App\Models\Setting::get('default_language') == 'fr' ? 'selected' : '' }}>French</option>
                     </select>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Default Timezone</label>
                     <select name="timezone" class="form-select">
                         <option value="UTC" {{ \App\Models\Setting::get('timezone') == 'UTC' ? 'selected' : '' }}>UTC</option>
                         <option value="Asia/Kolkata" {{ \App\Models\Setting::get('timezone') == 'Asia/Kolkata' ? 'selected' : '' }}>Asia/Kolkata</option>
                         <option value="America/New_York" {{ \App\Models\Setting::get('timezone') == 'America/New_York' ? 'selected' : '' }}>America/New_York</option>
                     </select>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Date Format</label>
                     <select name="date_format" class="form-select">
                         <option value="Y-m-d" {{ \App\Models\Setting::get('date_format') == 'Y-m-d' ? 'selected' : '' }}>YYYY-MM-DD</option>
                         <option value="d M, Y" {{ \App\Models\Setting::get('date_format') == 'd M, Y' ? 'selected' : '' }}>DD MMM, YYYY</option>
                         <option value="m/d/Y" {{ \App\Models\Setting::get('date_format') == 'm/d/Y' ? 'selected' : '' }}>MM/DD/YYYY</option>
                     </select>
                </div>

                <div class="col-md-12 mt-4">
                    <div class="form-check form-switch card p-3 border-light bg-light">
                        <input class="form-check-input ms-0 me-2" type="checkbox" name="site_enabled" id="siteEnabled" value="1" {{ setting_checked('site_enabled', true) }}>
                        <label class="form-check-label fw-bold" for="siteEnabled">Enable Website (Live Mode)</label>
                        <div class="form-text">When disabled, customers will see the maintenance mode message.</div>
                    </div>
                </div>
            </div>

            <div class="mt-5 border-top pt-4">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                    <i class="bi bi-save me-1"></i> Save General Settings
                </button>
            </div>
        </form>
    </div>
</div>
@endsection