@extends('layouts.app')

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

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

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

<form method="POST" action="{{ route('super-admin.email.send') }}" class="glass-card p-5 max-w-xl space-y-4">
    @csrf
    <div>
        <label class="field-label">To</label>
        <input type="email" name="to" class="field-input" value="{{ old('to') }}" required>
    </div>
    <div>
        <label class="field-label">Template (optional)</label>
        <select name="template_id" class="field-select">
            <option value="">— Custom —</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">Subject</label>
        <input type="text" name="subject" class="field-input" value="{{ old('subject') }}">
    </div>
    <div>
        <label class="field-label">Body</label>
        <textarea name="body" rows="6" class="field-input">{{ old('body') }}</textarea>
    </div>
    <button type="submit" class="btn-primary btn-sm">Send email</button>
</form>
@endsection