@extends('admin.layout')

@section('content')
<div class="page-title">Settings</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px">
    <div class="card">
        <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">App Info</h3>
        <div class="info-row"><span class="info-label">App Name</span><span>{{ $settings['app_name'] }}</span></div>
        <div class="info-row"><span class="info-label">Environment</span><span>{{ $settings['app_env'] }}</span></div>
        <div class="info-row">
            <span class="info-label">Maintenance Mode</span>
            <span>{{ $settings['maintenance_mode'] ? '🔴 ON' : '🟢 OFF' }}</span>
        </div>
    </div>

    <div class="card">
        <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Actions</h3>

        <form method="POST" action="{{ route('admin.settings.update') }}" style="margin-bottom:12px">
            @csrf
            <input type="hidden" name="action" value="{{ $settings['maintenance_mode'] ? 'maintenance_off' : 'maintenance_on' }}">
            <button class="btn {{ $settings['maintenance_mode'] ? 'btn-green' : 'btn-red' }}" style="width:100%">
                {{ $settings['maintenance_mode'] ? 'Disable Maintenance Mode' : 'Enable Maintenance Mode' }}
            </button>
        </form>

        <form method="POST" action="{{ route('admin.settings.update') }}">
            @csrf
            <input type="hidden" name="action" value="clear_cache">
            <button class="btn btn-black" style="width:100%">Clear Cache</button>
        </form>
    </div>
</div>
@endsection