@extends('layouts.admin')

@section('title', 'System Settings')

@section('content')
<div class="row g-3 mb-3">
    <div class="col-md-8">
        <h2 class="mb-2 text-body-emphasis">System Settings</h2>
        <p class="text-body-tertiary lh-sm">Configure system-wide settings and preferences</p>
    </div>
</div>

<div class="row g-3">
    <div class="col-12">
        <div class="card border">
            <div class="card-header border-bottom bg-body">
                <h6 class="mb-0">General Settings</h6>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.settings.update') }}">
                    @csrf
                    @method('PATCH')
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="school_name" class="form-label">School Name</label>
                            <input type="text" class="form-control" id="school_name" name="school_name" value="Phoenix Taekwondo Academy">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="contact_email" class="form-label">Contact Email</label>
                            <input type="email" class="form-control" id="contact_email" name="contact_email" value="info@phoenixtaekwondo.com">
                        </div>
                    </div>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="contact_phone" class="form-label">Contact Phone</label>
                            <input type="tel" class="form-control" id="contact_phone" name="contact_phone" value="+1 (555) 123-4567">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="timezone" class="form-label">Timezone</label>
                            <select class="form-select" id="timezone" name="timezone">
                                <option value="America/New_York" selected>Eastern Time (ET)</option>
                                <option value="America/Chicago">Central Time (CT)</option>
                                <option value="America/Denver">Mountain Time (MT)</option>
                                <option value="America/Los_Angeles">Pacific Time (PT)</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-12">
                            <label for="school_address" class="form-label">School Address</label>
                            <textarea class="form-control" id="school_address" name="school_address" rows="3">123 Martial Arts Way
Phoenix, AZ 85001
United States</textarea>
                        </div>
                    </div>
                    
                    <h6 class="mb-3">Membership Settings</h6>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label for="monthly_fee" class="form-label">Monthly Fee ($)</label>
                            <input type="number" class="form-control" id="monthly_fee" name="monthly_fee" value="99.99" step="0.01">
                        </div>
                        
                        <div class="col-md-4">
                            <label for="registration_fee" class="form-label">Registration Fee ($)</label>
                            <input type="number" class="form-control" id="registration_fee" name="registration_fee" value="49.99" step="0.01">
                        </div>
                        
                        <div class="col-md-4">
                            <label for="belt_testing_fee" class="form-label">Belt Testing Fee ($)</label>
                            <input type="number" class="form-control" id="belt_testing_fee" name="belt_testing_fee" value="75.00" step="0.01">
                        </div>
                    </div>
                    
                    <h6 class="mb-3">Notification Settings</h6>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="email_notifications" name="email_notifications" checked>
                                <label class="form-check-label" for="email_notifications">
                                    Enable Email Notifications
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="sms_notifications" name="sms_notifications">
                                <label class="form-check-label" for="sms_notifications">
                                    Enable SMS Notifications
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="auto_reminders" name="auto_reminders" checked>
                                <label class="form-check-label" for="auto_reminders">
                                    Automatic Payment Reminders
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn btn-phoenix-primary">
                            <span class="fas fa-save me-2"></span>Save Settings
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection