{# Placeholder Sprout Modal #}
<div id="sproutmodal" class="modal fitted hidden">

    {# BEGIN Example template.
       All of this gets replaced by the mailer. #}
    <div class="body">
        <h1>{{ 'Campaign Snapshot'|t('sprout-base') }}</h1>
        <div id="content"></div>
        <div class="spinner hidden"></div>
    </div>

    <div class="footer">
        <div class="buttons left">
            <button class="btn submit">{{ "Schedule Campaign"|t('sprout-base') }}</button>
            <button class="btn">{{ "Send Test"|t('sprout-base') }}</button>
        </div>
        <div class="buttons right secondary-buttons">
            <button id="close"
                    class="btn">{{ "Cancel"|t('sprout-base') }}</button>
        </div>
    </div>
    {# END Example template #}

</div>

{# Placeholder Sprout Modal Content #}
<div id="sproutmodal-error" class="hidden">
    <div class="body">
        <h1>{{ 'Error'|t('sprout-base') }}</h1>
        <div class="innercontent"></div>
        <div class="spinner hidden"></div>
    </div>

    <div class="footer">
        <div class="buttons right secondary-buttons">
            <button id="close"
                    class="btn">{{ "Close"|t('sprout-base') }}</button>
        </div>
    </div>
</div>

{# Placeholder Sprout Modal Loading #}
<div id="sproutmodal-loading" class="hidden">
    <div class="body">
        <div class="spinner"></div>
    </div>
</div>