@extends('layouts.admin')

@section('admin_content')
    <div class="page-header">
        <h1 class="page-title">General Settings</h1>
        <button class="btn btn-primary">
            <i class="fas fa-save"></i>
            Save Changes
        </button>
    </div>

    <div class="panel">
        <div class="panel-header">
            <h3 class="panel-title">Site Information</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Site Name</label>
                    <input type="text" class="form-control" value="Admin Panel">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Site URL</label>
                    <input type="url" class="form-control" value="https://example.com">
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label">Site Description</label>
                <textarea class="form-control" rows="3">Modern admin panel for managing your business</textarea>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Admin Email</label>
                    <input type="email" class="form-control" value="admin@example.com">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Timezone</label>
                    <select class="form-select select2">
                        <option>UTC</option>
                        <option selected>America/New_York</option>
                        <option>America/Los_Angeles</option>
                        <option>Europe/London</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-header">
            <h3 class="panel-title">Preferences</h3>
        </div>
        <div class="panel-body">
            <div class="form-check form-switch mb-2">
                <input class="form-check-input" type="checkbox" id="maintenance" checked>
                <label class="form-check-label" for="maintenance">Enable Maintenance Mode</label>
            </div>
            <div class="form-check form-switch mb-2">
                <input class="form-check-input" type="checkbox" id="registration">
                <label class="form-check-label" for="registration">Allow User Registration</label>
            </div>
            <div class="form-check form-switch mb-2">
                <input class="form-check-input" type="checkbox" id="notifications" checked>
                <label class="form-check-label" for="notifications">Enable Email Notifications</label>
            </div>
        </div>
    </div>
@endsection