@extends('layouts.app')

@section('title', 'Settings')

@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">System Settings</h2>

    <form method="POST" action="{{ url('/api/settings') }}">
        @csrf
        @method('PUT')

        <h3 style="font-size:13px;color:#555;margin:16px 0 8px;">SMS / Messaging</h3>
        <label style="display:block;font-size:12px;margin-bottom:4px;">SMS Provider</label>
        <input type="text" name="sms_provider" value="{{ $settings['sms_provider'] ?? '' }}" placeholder="e.g. termii" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">

        <label style="display:block;font-size:12px;margin-bottom:4px;">SMS API Key</label>
        <input type="password" name="sms_api_key" value="{{ $settings['sms_api_key'] ?? '' }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">

        <h3 style="font-size:13px;color:#555;margin:16px 0 8px;">Payment Gateway</h3>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Default Gateway</label>
        <select name="payment_gateway_default" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="paystack" {{ ($settings['payment_gateway_default'] ?? '') === 'paystack' ? 'selected' : '' }}>Paystack</option>
            <option value="flutterwave" {{ ($settings['payment_gateway_default'] ?? '') === 'flutterwave' ? 'selected' : '' }}>Flutterwave</option>
            <option value="monnify" {{ ($settings['payment_gateway_default'] ?? '') === 'monnify' ? 'selected' : '' }}>Monnify</option>
        </select>

        <h3 style="font-size:13px;color:#555;margin:16px 0 8px;">Email (SMTP)</h3>
        <label style="display:block;font-size:12px;margin-bottom:4px;">SMTP Host</label>
        <input type="text" name="smtp_host" value="{{ $settings['smtp_host'] ?? '' }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">

        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:13px;cursor:pointer;margin-top:8px;">Save Settings</button>
    </form>
</div>
@endsection