{% extends 'plain.html.twig' %}

{% block title %}Email client settings{% endblock %}

{% block body -%}
    <style>
        span.highlight { background-color: lightyellow; }
    </style>
    <div class="container">
        <h1 style="text-align: center; ">Email client settings</h1>

        <hr />

        <div style="
        max-width: 580px; margin: auto;
        ">

            <h2>Submission (SMTP for clients)</h2>
            <ul>
                <li>host: <span class="highlight">{{ hostname }}</span></li>
                <li>port: <span class="highlight">465</span></li>
                <li><span class="highlight">TLS with authentication required</span></li>
                <li>username is whole email address <em>username@domain.com</em></li>
            </ul>

            <h2>IMAP (preferred)</h2>
            <ul>
                <li>host: <span class="highlight">{{ hostname }}</span></li>
                <li>port: <span class="highlight">993</span></li>
                <li><span class="highlight">TLS</span></li>
                <li>username is whole email address <em>username@domain.com</em></li>
            </ul>

            <h2>or POP3</h2>
            <ul>
                <li>host: <span class="highlight">{{ hostname }}</span></li>
                <li>port: <span class="highlight">995</span></li>
                <li><span class="highlight">TLS</span></li>
                <li>username is whole email address <em>username@domain.com</em></li>
            </ul>

        </div>
    </div>
{% endblock %}