@extends('layouts.app')

@section('title', 'Compose SMS')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Compose / Test SMS" subtitle="Send a one-off platform SMS" icon="messages" icon-color="cyan">
    <x-slot:actions>
        <a href="{{ route('super-admin.sms.index') }}" class="btn-secondary btn-sm">SMS logs</a>
    </x-slot:actions>
</x-page-header>

@if (! $gatewayEnabled)
    <div class="flash-warning">Platform SMS gateway is disabled. Enable it on the SMS Center page before sending.</div>
@endif

<form method="POST" action="{{ route('super-admin.sms.send') }}" class="glass-card p-5 max-w-xl space-y-4">
    @csrf
    <div>
        <label class="field-label">To (phone)</label>
        <input type="text" name="to" class="field-input" value="{{ old('to') }}" placeholder="233241234567" required>
    </div>
    <div>
        <label class="field-label">Template (optional)</label>
        <select name="template_id" class="field-select">
            <option value="">— Custom body —</option>
            @foreach ($templates as $template)
                <option value="{{ $template->id }}" @selected((string) old('template_id') === (string) $template->id)>{{ $template->name }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="field-label">Body</label>
        <textarea name="body" rows="4" class="field-input" placeholder="Leave blank if using a template">{{ old('body') }}</textarea>
    </div>
    <button type="submit" class="btn-primary btn-sm" @disabled(! $gatewayEnabled)>Send SMS</button>
</form>
@endsection