{% extends '@!UVDeskCoreFramework/SwiftMailer/listConfigurations.html.twig' %}

{% block templateCSS %}
    {{ parent() }}
    <style>
        .uv-mailer-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 12px 24px;
        }
        .uv-mailer-actions::before, .uv-mailer-actions::after { display: none; }
        .uv-mailer-actions h1 { margin: 0; }
        .uv-mailer-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
        .uv-mailer-buttons .uv-btn-action { margin: 0; white-space: nowrap; }
    </style>
{% endblock %}

{% block pageContent %}
    <div class="uv-inner-section">
        {% set asideTemplate = 'Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\AsideTemplate' %}
        {% set asideSidebarReference = 'Webkul\\UVDesk\\CoreFrameworkBundle\\UIComponents\\Dashboard\\Panel\\Sidebars\\Settings' %}
        {{ uvdesk_extensibles.getRegisteredComponent(asideTemplate).renderSidebar(asideSidebarReference)|raw }}

        <div class="uv-view {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-aside-view{% endif %}">
            <div class="uv-action-bar uv-mailer-actions">
                <h1>{{ 'SwiftMailer Configurations'|trans }}</h1>
                <div class="uv-mailer-buttons">
                    <a href="{{ path('app_test_email') }}" class="uv-btn-action">{{ 'Send Test Email'|trans }}</a>
                    <a href="{{ path('helpdesk_member_swiftmailer_create_mailer_configuration') }}" class="uv-btn-action">{{ 'Create Configuration'|trans }}</a>
                </div>
            </div>
            <div class="uv-table uv-list-view">
                <table>
                    <thead>
                        <tr>
                            <th>{{ 'ID'|trans }}</th>
                            <th>{{ 'Email'|trans }}</th>
                            <th>{{ 'Type'|trans }}</th>
                            <th>{{ 'Status'|trans }}</th>
                            <th class="uv-last">{{ 'Action'|trans }}</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}