{% include "headitem.html.twig" with {title: "GENERAL_ADMIN_TITLE"|translate} %}
{% include "@d3mailconfigchecker/admin/inc/bootstrap.html.twig" %}

<style>
    .communicationoutput,
    .communicationoutput dl dt,
    .communicationoutput dl dd {
        background-color: black;
        color: white;
    }
</style>

<form name="transfer" id="transfer" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="oxid" value="{{ oxid }}">
    <input type="hidden" name="oxidCopy" value="{{ oxid }}">
    <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
    <input type="hidden" name="editlanguage" value="{{ editlanguage }}">
</form>

{% if success %}
    <div class="alert alert-success">{{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_SUCCESS" }) }}</div>
{% endif %}

<div class="row">
    <div class="col-12 col-md-6 col-lg-4 mb-4">
        <p>
            {{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_DESC1" }) }}
        </p>
        <p>
            {{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_DESC2" }) }}
        </p>
        <p>
            {{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_DESC3" }) }}
        </p>

        <form name="myedit" id="myedit" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
            {{ oViewConf.getHiddenSid()|raw }}
            <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
            <input type="hidden" name="fnc" value="sendMail">

            <div>
                <label class="col-4 form-label" for="oxshops__oxsmtp">{{ translate({ ident: "SHOP_MAIN_SMTPSERVER" }) }}</label>
                <input type="text" class="col-7 editinput" size="35" maxlength="{{ shop.oxshops__oxsmtp.fldmax_length }}" id="oxshops__oxsmtp" name="smtpHost" value="{% if smtpHost %}{{ smtpHost }}{% else %}{{ shop.getFieldData('oxsmtp') }}{% endif %}">
            </div>
            <div>
                <label class="col-4 form-label" for="oxshops__oxsmtpuser">{{ translate({ ident: "SHOP_MAIN_SMTPUSER" }) }}</label>
                <input type="text" class="col-7 editinput" size="35" maxlength="{{ shop.oxshops__oxsmtpuser.fldmax_length }}" id="oxshops__oxsmtpuser" name="smtpUser" value="{% if smtpUser %}{{ smtpUser }}{% else %}{{ shop.getFieldData('oxsmtpuser') }}{% endif %}">
            </div>
            <div>
                <label class="col-4 form-label" for="oxshops__oxsmtppwd">{{ translate({ ident: "SHOP_MAIN_SMTPPASSWORD" }) }}</label>
                <input type="password" class="col-7 editinput" size="35" maxlength="{{ shop.oxshops__oxsmtppwd.fldmax_length }}" id="oxshops__oxsmtppwd" name="smtpPwd" value="{% if smtpPwd %}{{ smtpPwd }}{% else %}{{ shop.getFieldData('oxsmtppwd') }}{% endif %}">
            </div>
            <div>
                <label class="col-4 form-label" for="sender">{{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_SENDER" }) }}</label>
                <select name="from" class="col-7 editinput" id="sender">
                    {% for address in oView.getMailAddressList() %}
                        <option value="{{ address }}">{{ address }}</option>
                    {% endfor %}
                </select>
            </div>
            <div>
                <label class="col-4 form-label" for="recipient">{{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_RECIPIENT" }) }}</label>
                <input name="to" type="text" class="col-7 editinput" size="35" maxlength="255" id="recipient" value="{{ recipient }}">
            </div>
            <div>
                <label class="col-4 form-label" for="sendmail">{{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_TESTSENDMAIL" }) }}</label>
                <input type="checkbox" class="col-7 editinput" id="sendmail" name="sendmail" value="1" {% if sendMail %}checked{% endif %}>
            </div>
            <div>
                <button type="submit" class="btn btn-primary offset-4">{{ translate({ ident: "D3_MAILCHECKER_SMTPCHECK_STARTTEST" }) }}</button>
            </div>
        </form>
    </div>

    <div class="col-12 col-md-6 col-lg-4 mb-4 {% if smtpLog %}communicationoutput{% endif %}">
        {% for action, logItems in smtpLog %}
            <dl>
                <dt>{{ loop.index }} - {{ action }}</dt>
                <dd>
                    <ul>
                        {% for logItem in logItems %}
                            <li>
                                {{ logItem }}
                            </li>
                        {% endfor %}
                    </ul>
                </dd>
            </dl>
        {% endfor %}
    </div>
</div>

{% include "bottomnaviitem.html.twig" %}

{% include "bottomitem.html.twig" %}