<div class="context-main-bg context-main p-3">
    <legend class="text-center">Send Notification</legend>
    <hr>
    {ADMIN_BREADCRUMBS}

    <form action="" method="post" enctype="multipart/form-data">
        <fieldset>
            <!-- Group -->
            <div class="mb-3 row">
                <label for="groupSelect" class="col-lg-3 col-form-label text-end">Group:</label>
                <div class="col-lg-6">
                    {groupSelect}
                </div>
            </div>

            <!-- Recipients -->
            <div class="mb-3 row">
                <label for="expiration" class="col-lg-3 col-form-label text-end">Expiration:</label>
                <div class="col-lg-6">
                    <select class="form-control" name="expiration" id="expiration">
                        <option value="0">forever</option>
                        <option value="1800">30 Minutes</option>
                        <option value="3600">60 Minutes</option>
                        <option value="14400">4 hours</option>
                        <option value="28800">8 hours</option>
                        <option value="43200">12 hours</option>
                        <option value="86400">24 hours</option>
                        <option value="172800">2 days</option>
                        <option value="259200">3 days</option>
                        <option value="432000">5 days</option>
                        <option value="604800">7 days</option>
                        <option value="1209600">2 weeks</option>
                        <option value="1814400">3 weeks</option>
                        <option value="2419200">4 weeks</option>
                        <option value="2592000">1 month</option>
                        <option value="5184000">2 months</option>
                        <option value="7776000">3 months</option>
                        <option value="15552000">6 months</option>
                        <option value="31536000">12 months</option>
                    </select>
                </div>
            </div>

            <!-- Notification -->
            <div class="mb-3 row">
                <label for="notification" class="col-lg-3 col-form-label text-end">Notification:</label>
                <div class="col-lg-6">
                    <textarea class="form-control" name="notification" id="notification" 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">Send</button>
        </div>
    </form>
</div>