<div class="context-main-bg context-main p-3">
    <legend class="text-center">Send Email</legend>
    <hr>
    {ADMIN_BREADCRUMBS}
    <div class="col-lg-6 offset-md-3">
        <p>
            Please be very careful with this feature. This form allows you to send an email (formatted within the default site email template) to registered emails from various sources including newsletter subscribers, call to action subscribers, and all registered user accounts.
        </p>
    </div>
    <form action="" method="post">
        <fieldset>
            <!-- Subject -->
            <div class="mb-3 row">
                <label for="mailSubject" class="col-lg-3 col-form-label text-end">Subject:</label>
                <div class="col-lg-6">
                    <input type="text" class="form-control" name="mailSubject" id="mailSubject" required>
                </div>
            </div>

            <!-- Title -->
            <div class="mb-3 row">
                <label for="mailTitle" class="col-lg-3 col-form-label text-end">Title:</label>
                <div class="col-lg-6">
                    <input type="text" class="form-control" name="mailTitle" id="mailTitle" required>
                </div>
            </div>

            <!-- Recipients -->
            <div class="mb-3 row">
                <label for="mailType" class="col-lg-3 col-form-label text-end">Recipients:</label>
                <div class="col-lg-6">
                    <select class="form-control" name="mailType" id="mailType">
                        <option value='none' checked>none</option>
                        <option value='registered'>all registered users</option>
                        <option value='newsletter'>only newsletter opt-ins</option>
                        <option value='subscribers'>only CTA subscribers</option>
                        <option value='opt'>CTA subscribers and newsletter opt-ins</option>
                        <option value='all'>all available emails</option>
                    </select>
                </div>
            </div>

            <!-- Email (Optional) -->
            <div class="mb-3 row">
                <label for="contactEmail" class="col-lg-3 col-form-label text-end">E-mail: (optional)</label>
                <div class="col-lg-6">
                    <input type="email" class="form-control" name="contactEmail" id="contactEmail">
                </div>
            </div>

            <!-- Message -->
            <div class="mb-3 row">
                <label for="mailMessage" class="col-lg-3 col-form-label text-end">Body:</label>
                <div class="col-lg-6">
                    <textarea class="form-control" name="mailMessage" id="mailMessage" rows="6" maxlength="2000" required></textarea>
                    <small class="form-text text-muted">Max: 2000 characters</small>
                </div>
            </div>

            <!-- Hidden Token -->
            <input type="hidden" name="token" value="{TOKEN}">
        </fieldset>

        <!-- Submit Button -->
        <div class="text-center">
            <button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg center-block">Submit</button>
        </div>
    </form>
</div>