@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', 'maintenance') }}" method="POST">
            @csrf
            
            <h5 class="fw-bold text-primary mb-4">Status Control</h5>
            <div class="row g-3">
                <div class="col-md-12">
                    <div class="form-check form-switch card p-4 border-warning bg-warning bg-opacity-10">
                        <input class="form-check-input ms-0 me-3" type="checkbox" name="maintenance_mode" id="mMode" value="1" {{ setting_checked('maintenance_mode', true) }}>
                        <label class="form-check-label fw-bold h5 mb-0" for="mMode">Enable Maintenance Mode</label>
                        <div class="form-text mt-2 text-dark">When active, the public website will be hidden behind a maintenance page. Admins can still access the site if their IP is allowed.</div>
                    </div>
                </div>

                <div class="col-md-12 mt-4">
                     <label class="form-label fw-bold small">Maintenance Message</label>
                     <textarea name="maintenance_message" class="form-control" rows="3">{{ \App\Models\Setting::get('maintenance_message', 'We are currently under maintenance for improvements. We will be back shortly!') }}</textarea>
                </div>

                <div class="col-md-12 mt-4">
                     <label class="form-label fw-bold small">Whitelisted IPs (Separated by comma)</label>
                     <input type="text" name="maintenance_ips" class="form-control" value="{{ \App\Models\Setting::get('maintenance_ips', '127.0.0.1') }}">
                     <div class="form-text">Your current IP: <strong>{{ request()->ip() }}</strong></div>
                </div>
            </div>

            <div class="mt-5 border-top pt-4">
                <button type="submit" class="btn btn-warning px-5 fw-bold shadow-sm text-dark">
                    <i class="bi bi-power me-1"></i> Update Maintenance Status
                </button>
            </div>
        </form>
    </div>
</div>
@endsection