@extends('layouts.app')

@section('content')
<div class="container-xxl">
  <div class="row mb-4">
    <div class="col">
      <h3 class="mb-0">System Settings</h3>
      @if(session('status'))
        <div class="alert alert-success mt-2">{{ session('status') }}</div>
      @endif
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header bg-body-tertiary"><i class="fas fa-shield-alt me-2 text-primary"></i><strong>Authentication Captcha</strong></div>
        <div class="card-body">
          <form method="post" action="{{ route('system-administration.settings.store') }}" id="captchaSettingsForm">
            @csrf
            <div class="mb-3">
              <label class="form-label">Provider</label>
              <select name="captcha_provider" class="form-select">
                <option value="none" {{ $provider==='none'?'selected':'' }}>None</option>
                <option value="google" {{ $provider==='google'?'selected':'' }}>Google reCAPTCHA v2</option>
                <option value="mews" {{ $provider==='mews'?'selected':'' }}>Mews Captcha (image)</option>
              </select>
              @error('captcha_provider')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
              <div class="form-text">Choose the captcha service to use on login and other auth-sensitive forms.</div>
            </div>
            <div class="form-check form-switch mb-3">
              <input class="form-check-input" type="checkbox" role="switch" id="captcha_enabled" name="captcha_enabled" value="1" {{ $enabled? 'checked':'' }}>
              <label class="form-check-label" for="captcha_enabled">Enabled</label>
              <div class="form-text">When enabled, users must solve the captcha on the login page.</div>
            </div>
            <div class="mb-3">
              <label class="form-label" for="captcha_refresh_cooldown_ms">Refresh cooldown (ms)</label>
              <input type="number" min="0" max="300000" step="1000" class="form-control" id="captcha_refresh_cooldown_ms" name="captcha_refresh_cooldown_ms" value="{{ (int)($cooldownMs ?? 60000) }}">
              <div class="form-text">Client-side delay before the Refresh button becomes active again. Recommended: 60000 (60s) to mirror server cooldown.</div>
              @error('captcha_refresh_cooldown_ms')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <button class="btn btn-primary" type="submit"><i class="fas fa-save me-1"></i>Save</button>
          </form>
        </div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header bg-body-tertiary"><i class="fas fa-key me-2 text-primary"></i><strong>OTP Settings</strong></div>
        <div class="card-body">
          <form method="post" action="{{ route('system-administration.settings.store') }}" id="otpSettingsForm">
            @csrf
            <div class="mb-3">
              <label class="form-label" for="otp_resend_cooldown_sec">Resend cooldown (seconds)</label>
              <input type="number" min="0" max="3600" step="1" class="form-control" id="otp_resend_cooldown_sec" name="otp_resend_cooldown_sec" value="{{ (int)($otpCooldownSec ?? 60) }}">
              <div class="form-text">Time a user must wait before requesting a new OTP code. Recommended: 60 seconds.</div>
              @error('otp_resend_cooldown_sec')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <button class="btn btn-primary" type="submit"><i class="fas fa-save me-1"></i>Save</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection