@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <h5 class="fw-bold text-danger mb-4"><i class="bi bi-cpu me-2"></i>Performance & System</h5>
        
        <div class="row g-4 mb-5">
            <div class="col-md-6">
                <div class="card border border-light p-3 bg-light bg-opacity-50">
                    <h6 class="fw-bold">Cache Management</h6>
                    <p class="small text-muted mb-3">Clear application cache, views, and config if you experience stale data.</p>
                    <form action="{{ route('admin.settings.clearCache') }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-dark btn-sm fw-bold px-4">
                            <i class="bi bi-trash me-2"></i> Flush All System Cache
                        </button>
                    </form>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card border border-light p-3 bg-light bg-opacity-50 h-100">
                    <h6 class="fw-bold">Database Backup</h6>
                    <p class="small text-muted mb-3">Manually trigger a full database and assets backup.</p>
                    <button type="button" class="btn btn-outline-dark btn-sm fw-bold px-4">
                        <i class="bi bi-cloud-arrow-up me-2"></i> Trigger Backup Now
                    </button>
                </div>
            </div>
        </div>

        <hr class="my-5">

        <h5 class="fw-bold text-primary mb-4">Development & Environment</h5>
        <form action="{{ route('admin.settings.update', 'system') }}" method="POST">
            @csrf
            <div class="row g-3">
                <div class="col-md-12">
                     <div class="form-check form-switch card p-3 border-danger bg-danger bg-opacity-10 mb-4">
                        <input class="form-check-input ms-0 me-3" type="checkbox" name="debug_mode_enabled" id="dMode" value="1" {{ setting_checked('debug_mode_enabled', true) }}>
                        <label class="form-check-label fw-bold h6 mb-0 text-danger" for="dMode">Enable Debug Mode (Sensitive Data!)</label>
                        <div class="form-text mt-1">Useful for development. DO NOT enable in production unless troubleshooting.</div>
                    </div>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold small">Queue Driver</label>
                    <select name="queue_driver" class="form-select">
                        <option value="sync" {{ \App\Models\Setting::get('queue_driver', 'sync') == 'sync' ? 'selected' : '' }}>Sync (Default)</option>
                        <option value="database" {{ \App\Models\Setting::get('queue_driver') == 'database' ? 'selected' : '' }}>Database</option>
                        <option value="redis" {{ \App\Models\Setting::get('queue_driver') == 'redis' ? 'selected' : '' }}>Redis</option>
                    </select>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold small">Storage Driver</label>
                    <select name="storage_driver" class="form-select">
                        <option value="public" {{ \App\Models\Setting::get('storage_driver', 'public') == 'public' ? 'selected' : '' }}>Local Public</option>
                        <option value="s3" {{ \App\Models\Setting::get('storage_driver') == 's3' ? 'selected' : '' }}>Amazon S3</option>
                    </select>
                </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 System Config
                </button>
            </div>
        </form>
    </div>
</div>
@endsection