{% extends '@UVDeskCoreFramework/Templates/layout.html.twig' %}
{% block title %}Send Test Email{% endblock %}
{% block pageContent %}
<div class="uv-inner-section">
    {{ uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\AsideTemplate').renderSidebar('Webkul\\UVDesk\\CoreFrameworkBundle\\UIComponents\\Dashboard\\Panel\\Sidebars\\Settings')|raw }}
    <div class="uv-view">
        <h1>Send Test Email</h1>
        <p><a href="{{ path('helpdesk_member_swiftmailer_settings') }}">Back to Swift Mailer</a></p>
        <p>Send one test message using your saved SMTP settings. Sender: <strong>{{ from }}</strong>.</p>
        <p>For Amazon SES, verify the sender in the mailer's region. While SES is in sandbox mode, the recipient must also be verified.</p>
        {% if error %}<pre class="uv-text-danger" role="alert" style="white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%;">{{ error }}</pre>{% endif %}
        <form method="post" action="{{ path('app_test_email') }}" id="test-email-form">
            <input type="hidden" name="_token" value="{{ csrf_token('send_test_email') }}">
            <div class="uv-element-block">
                <label class="uv-field-label" for="test-mailer">Mailer</label>
                <select class="uv-select" id="test-mailer" name="mailer" required>
                    {% for mailer in mailers %}<option value="{{ mailer }}" {% if mailer == selected %}selected{% endif %}>{{ mailer }}</option>{% endfor %}
                </select>
            </div>
            <div class="uv-element-block">
                <label class="uv-field-label" for="test-recipient">Recipient email</label>
                <input class="uv-field" type="email" id="test-recipient" name="recipient" value="{{ recipient }}" placeholder="recipient@example.com" required maxlength="254">
            </div>
            <button class="uv-btn" type="submit" {% if mailers is empty %}disabled{% endif %}>Send Test Email</button>
        </form>
    </div>
</div>
{% endblock %}
{% block footer %}
    {{ parent() }}
    <script>
        document.getElementById('test-email-form').addEventListener('submit', function () {
            var button = this.querySelector('button[type="submit"]');
            button.disabled = true;
            button.textContent = 'Sending…';
        });
    </script>
{% endblock %}