{% import "_includes/forms" as formFields %}

<style>
    #send-additional-notification-modal .body{
        overflow-y: auto;
        height: 260px;
        width: 350px;
    }
</style>

<form id="send-additional-notification-modal">
    {{ csrfInput() }}

    <div class="header">
        <h1>{{ "Send Additional Notification"|t('freeform') }}</h1>
    </div>
    <div class="body">

        {{ formFields.selectField({
            label: "Notification Template"|t('freeform'),
            name: "template",
            options: templates,
            value: "",
            required: true,
        }) }}

        {{ formFields.textareaField({
            label: "Email Address(es)"|t('freeform'),
            name: "emails",
            value: "",
            rows: 5,
            required: true,
        }) }}

    </div>
    <div class="footer">
        <div class="buttons right last">
            <input type="button" class="btn cancel" value="{{ "Cancel"|t('freeform') }}"/>
            <input type="submit" class="btn submit" value="{{ "Send"|t('freeform') }}"/>

            <div class="spinner" style="display: none;"></div>
        </div>
    </div>
</form>
