hestiacp/web/templates/admin/add_mail_acc.html

<div class="l-center edit">
        <div class="l-sort clearfix">
          <div class="l-unit-toolbar__buttonstrip">
            <a class="ui-button cancel" id="btn-back" href="javascript:window.history.back();"><i class="fas fa-arrow-left status-icon blue"></i> <?=__('Back')?></a>
          </div>
          <div class="l-unit-toolbar__buttonstrip float-right">
            <a href="#" class="ui-button" title="<?=__('Save')?>" data-action="submit" data-id="vstobjects"><i class="fas fa-save status-icon purple"></i> <?=__('Save')?></a>
          </div>
        </div>
      </div>

    <div class="l-separator"></div>

    <div class="l-center animated fadeIn">

        <form id="vstobjects" name="v_add_mail_acc" method="post">
            <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
            <input type="hidden" name="ok_acc" value="add" />

            <table class="data mode-add">
            <tr class="data-add">
                <td class="data-dotted">
                    <table class="data-col1">
                        <tr><td></td></tr>
                    </table>
                </td>
                <td class="data-dotted">
                    <table class="data-col2" width="440px">
                        <tr>
                            <td class="step-top">
                                <span class="page-title"><?=__('Adding Mail Account')?></span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <?php
                                    if (!empty($_SESSION['error_msg'])) {
                                        echo "<span class=\"vst-error\"> <i class=\"fas fa-exclamation-circle status-icon red\"></i> ".htmlentities($_SESSION['error_msg'])."</span>";
                                    } else {
                                        if (!empty($_SESSION['ok_msg'])) {
                                            echo "<span class=\"vst-ok\"> <i class=\"fas fa-check-circle status-icon green\"></i> ".$_SESSION['ok_msg']."</span>";
                                        }
                                    }
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text step-top">
                                <?php print __('Domain');?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input" name="v_domain" value="<?=htmlentities(trim($v_domain, "'"))?>" disabled >
                                <input type="hidden" name="v_domain" value="<?=htmlentities(trim($v_domain, "'"))?>">
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <?php print __('Account');?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input" name="v_account" value="<?=htmlentities(trim($v_account, "'"))?>">
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <?php print __('Password');?> / <a href="javascript:randomString();" class="generate"><?php print __('generate');?></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input password" name="v_password">
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <a href="javascript:elementHideShow('advtable');" class="vst-advanced"> <?php print __('Advanced options');?>&nbsp;<i class="fas fa-arrow-circle-right"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <table style="display:<?php if (empty($v_adv)) echo 'none';?> ;" id="advtable">
                                    <tr>
                                        <td class="vst-text input-label">
                                            <?php print __('Quota');?> <span class="optional">(<?=__('in megabytes')?>)</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="text" size="20" class="vst-input" name="v_quota" value="<?=htmlentities(trim($v_quota, "'"))?>">
                                            <i class="unlim-trigger fas fa-infinity" id="unlim-quota" /</i>
                                        </td>
                                    </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <?php print __('Aliases');?> <span class="optional">(<?=__('use local-part')?>)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <textarea size="20" class="vst-textinput short" name="v_aliases"><?=htmlentities(trim($v_aliases, "'"))?></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <?php print __('Forward to');?> <span class="optional">(<?=__('one or more email addresses')?>)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <textarea size="20" class="vst-textinput short" name="v_fwd"><?=htmlentities(trim($v_fwd, "'"))?></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <label><input type="checkbox" size="20" class="vst-checkbox" name="v_fwd_only" <?php if ($v_fwd_only == 'yes') echo "checked=yes" ?>> <?php print __('Do not store forwarded mail');?></label>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="vst-text input-label">
                            <?php print __('Send login credentials to email address') ?>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text"  class="vst-input" name="v_send_email" value="<?=htmlentities(trim($v_send_email, "'"))?>">
                            <input type="hidden" name="v_credentials" id="v_credentials">
                        </td>
                    </tr>
                </table>
                <table class="data-col2">
                </table>
            </td>
            <td class="mail-infoblock-td">
                <div class="mail-infoblock">
                    <table>
                    <?php $uname_arr=posix_uname(); $hostname=$uname_arr['nodename']; ?>
                        <tr>
                            <td colspan="2">
                                <select id="mail_configuration" class="vst-list flat">
                                    <option v_type="hostname" domain="<?=$v_domain?>"><?=__('Use domain hostname')?></option>
                                    <option v_type="starttls"><?=__('Use STARTTLS')?></option>
                                    <option v_type="ssl"><?=__('Use SSL / TLS')?></option>
                                    <option v_type="no_encryption" domain="<?=htmlentities(trim($v_domain, "'"))?>" no_encryption="<?=__('No encryption')?>"><?=__('No encryption')?></option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><?=__('Username')?>:</td>
                            <td><div><span id="v_account">example</span>@<?=htmlentities(trim($v_domain, "'"))?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('Password')?>:</td>
                            <td><div id="v_password">******</div></td>
                        </tr>
                        <tr>
                            <td><?=__('IMAP hostname')?>:</td>
                            <td><div id="td_imap_hostname">mail.<?=$v_domain?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('IMAP port')?>:</td>
                            <td><div id="td_imap_port">143</div></td>
                        </tr>
                        <tr>
                            <td><?=__('IMAP security')?>:</td>
                            <td><div id="td_imap_encryption"><?=__('STARTTLS')?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('IMAP auth method')?>:</td>
                            <td><div><?=__('Normal password')?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('SMTP hostname')?>:</td>
                            <td><div id="td_smtp_hostname">mail.<?=$v_domain?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('SMTP port')?>:</td>
                            <td><div id="td_smtp_port">587</div></td>
                        </tr>
                        <tr>
                            <td><?=__('SMTP security')?>:</td>
                            <td><div id="td_smtp_encryption"><?=__('STARTTLS')?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('SMTP auth method')?>:</td>
                            <td><div><?=__('Normal password')?></div></td>
                        </tr>
                        <tr>
                            <td><?=__('Webmail URL')?>:</td>
                            <td><div><a class="vst" href="http://<?=$v_webmail_alias?>" target="_blank">http://<?=$v_webmail_alias?> <i></i></a></div></td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    </form>
  </div>