{% extends "mailer/base.html" %}

{% block content %}
<div class="columns is-centered">
    <div class="column is-6">
        <div class="box mt-5">
            <h1 class="title is-4">Send Test Email</h1>
            <p class="subtitle is-6">Use this form to test sending emails using your configured templates.</p>

            {% if messages %}
                {% for message in messages %}
                    <div class="notification is-{{ message.tags }} is-light">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}

            <form method="post">
                {% csrf_token %}
                <div class="field">
                    <label class="label">Recipient Email</label>
                    <div class="control">
                        <input class="input" type="email" name="recipient" placeholder="test@example.com" required>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Template</label>
                    <div class="control">
                        <div class="select is-fullwidth">
                            <select name="template_name" required>
                                <option value="verification">Verification Email</option>
                                <option value="password_reset">Password Reset Email</option>
                                <option value="welcome_email">Promotional Offer</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="field mt-5">
                    <div class="control">
                        <button type="submit" class="button is-primary">Send Test Email</button>
                        <a href="{% url 'dashboard' %}" class="button is-light">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}