{% if autoconfig_message %}
<div id="autoconfig-status" style="margin:-0.25rem 0 0.875rem; font-size:0.75rem; color:var(--color-muted-foreground);">
    {{ autoconfig_message }}
</div>
{% else %}
<div id="autoconfig-status" style="margin:-0.25rem 0 0.875rem; font-size:0.75rem; color:var(--color-muted-foreground);"></div>
{% endif %}
<details style="margin-bottom:0.875rem;"{% if autoconfig_open %} open{% endif %}>
    <summary style="font-size:0.8125rem; color:var(--color-muted-foreground); cursor:pointer;">Розширені налаштування сервера</summary>
    <div style="display:grid; grid-template-columns:1fr 6rem; gap:0.5rem; margin-top:0.75rem;">
        <div>
            <label style="display:block; font-size:0.75rem; margin-bottom:0.25rem;">IMAP-хост</label>
            <input type="text" name="imap_host" id="mail-imap-host"
                   value="{{ form_imap_host|default:'' }}"
                   placeholder="{% if mail_defaults %}{{ mail_defaults.imap_host }}{% endif %}"
                   class="input" style="width:100%;">
        </div>
        <div>
            <label style="display:block; font-size:0.75rem; margin-bottom:0.25rem;">Порт</label>
            <input type="number" name="imap_port" id="mail-imap-port"
                   value="{{ form_imap_port|default:'' }}"
                   placeholder="{% if mail_defaults %}{{ mail_defaults.imap_port }}{% endif %}"
                   class="input" style="width:100%;">
        </div>
        <div>
            <label style="display:block; font-size:0.75rem; margin-bottom:0.25rem;">SMTP-хост</label>
            <input type="text" name="smtp_host" id="mail-smtp-host"
                   value="{{ form_smtp_host|default:'' }}"
                   placeholder="{% if mail_defaults %}{{ mail_defaults.smtp_host }}{% endif %}"
                   class="input" style="width:100%;">
        </div>
        <div>
            <label style="display:block; font-size:0.75rem; margin-bottom:0.25rem;">Порт</label>
            <input type="number" name="smtp_port" id="mail-smtp-port"
                   value="{{ form_smtp_port|default:'' }}"
                   placeholder="{% if mail_defaults %}{{ mail_defaults.smtp_port }}{% endif %}"
                   class="input" style="width:100%;">
        </div>
    </div>
    <input type="hidden" name="use_ssl" value="{% if form_use_ssl is False %}0{% else %}1{% endif %}">
</details>