@extends('layouts.admin')

@section('content')
<div class="container-fluid">

    <div class="admin-page-header mb-4">
        <div>
            <h2><i class="fas fa-paper-plane me-2" style="color: var(--admin-accent);"></i> Compose Newsletter</h2>
            <small>Write a message and send it to your {{ $list === 'members' ? 'members' : 'general subscribers' }}.</small>
        </div>
        <a href="{{ route($list === 'members' ? 'admin.newsletter.members' : 'admin.newsletter') }}" class="btn btn-admin-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i> Back
        </a>
    </div>

    @include('partials.alerts')

    <div class="admin-info-box mb-3">
        <p class="mb-0">
            <i class="fas fa-users me-1"></i>
            This will be sent to <strong>{{ $count }}</strong>
            active {{ $list === 'members' ? 'member' : 'subscriber' }}{{ $count === 1 ? '' : 's' }}
            (recipients are BCC'd for privacy).
        </p>
    </div>

    <form method="POST" action="{{ route('admin.newsletter.send') }}" class="admin-form-track"
        onsubmit="event.preventDefault(); showConfirm(this, { title: 'Send newsletter?', message: 'This will email {{ $count }} {{ $list === 'members' ? 'member(s)' : 'subscriber(s)' }}.', confirmText: 'Send Now', type: 'success' });">
        @csrf
        <input type="hidden" name="list" value="{{ $list }}">

        <div class="admin-form-card mb-4">
            <div class="card-header"><i class="fas fa-envelope me-2"></i> Message</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">Subject</label>
                    <input type="text" name="subject" class="form-control @error('subject') is-invalid @enderror"
                        placeholder="e.g. This Sunday at Grace Family Church" value="{{ old('subject') }}" required>
                    @error('subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-1">
                    <label class="form-label">Body</label>
                    @include('partials.rich-editor', [
                        'name' => 'body',
                        'value' => old('body'),
                        'id' => 'newsletterBody',
                        'placeholder' => 'Write your message… use the toolbar to add headings, bold, highlight, lists and links.',
                        'minHeight' => 300,
                    ])
                    @error('body')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                    <small class="text-muted">Your message is wrapped in a branded, styled email template automatically.</small>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end mb-5">
            <button class="btn btn-admin-primary px-4"><i class="fas fa-paper-plane me-1"></i> Send Newsletter</button>
        </div>
    </form>

</div>
@endsection