{% extends "admin_base.html" %}

{% block page_title %}Send Email{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/smtp/assets/css/smtp.ui.css">
{% endblock %}

{% block admin_content %}
<main class="smtp-send-page blocks-workspace" aria-labelledby="smtp-send-title">
<header class="smtp-page-heading">
        <h1 id="smtp-send-title">Send Email</h1>
        <p>Send a message using your configured email service. Choose a saved template or write the content here.</p>
</header>
<div class="blocks-workspace-notice" data-smtp-feedback data-workspace-notice role="status" aria-live="polite" hidden></div>

<div class="smtp-send-container">
    <section class="smtp-card">
        <div class="smtp-card-body">
            <div id="smtp-send-form-fields"></div>

            <div class="form-group">
                <label for="file-input">Attachments</label>
                <div id="attachments-list" class="attachments-list"></div>
                <button type="button" class="blocks-button blocks-button-secondary min-h-10 px-3 py-2 text-sm" data-smtp-choose-attachment>
                    <i class="fas fa-paperclip"></i> Add Attachment
                </button>
                <input type="file" id="file-input" class="smtp-file-input" hidden>
            </div>
        </div>
    </section>
</div>

<script type="application/json" id="smtp-templates-json">{{ templates | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
<script src="/plugins/smtp/assets/js/smtp_send.js?v=2"></script>
</main>
{% endblock %}