hestiacp/web/templates/pages/edit_web.html

<!-- Begin toolbar -->
<div class="l-sort">
  <div class="l-sort__inner">
    <div class="l-unit-toolbar__buttonstrip">
      <a class="button button-secondary" id="btn-back" href="/list/web/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
    </div>
    <div class="l-unit-toolbar__buttonstrip">
      <a href="/delete/web/cache/?domain=<?=htmlentities($v_domain);?>&token=<?=$_SESSION['token'];?>" class="button button-secondary <?php if ( $v_nginx_cache == 'yes' || (($v_proxy_template == 'caching' || is_int(strpos($v_proxy_template, 'caching-'))) && $_SESSION['PROXY_SYSTEM'] == 'nginx')) { echo "block"; } else{ echo "u-hidden"; }?>" id="v-clear-cache">
        <i class="fas fa-trash status-icon red"></i><?=_('Purge Nginx Cache');?>
      </a>
      <?php if ($_SESSION['PLUGIN_APP_INSTALLER'] !== 'false') {?>
        <a href="/add/webapp/?domain=<?=htmlentities($v_domain);?>" class="button button-secondary">
          <i class="fas fa-magic status-icon blue"></i> <?=_('Quick Install App');?>
        </a>
      <?php } ?>
      <a href="#" class="button" data-action="submit" data-id="vstobjects"><i class="fas fa-floppy-disk status-icon purple"></i><?=_('Save');?></a>
    </div>
  </div>
</div>
<!-- End toolbar -->

<div class="l-center animate__animated animate__fadeIn">

  <form id="vstobjects" name="v_edit_web" method="post" class="<?=$v_status?>">
    <input type="hidden" name="token" value="<?=$_SESSION['token']?>">
    <input type="hidden" name="save" value="save">

    <div class="form-container">
      <h1 class="form-title"><?=_('Editing Domain');?></h1>
      <?php show_alert_message($_SESSION);?>
      <div class="u-mb10">
        <label for="v_domain" class="form-label"><?=_('Domain');?></label>
        <input type="text" class="form-control" name="v_domain" id="v_domain" value="<?=htmlentities(trim($v_domain, "'"))?>" disabled>
        <input type="hidden" name="v_domain" value="<?=htmlentities(trim($v_domain, "'"))?>">
      </div>
      <div class="u-mb10">
        <label for="v_aliases" class="form-label"><?=_('Aliases');?></label>
        <textarea class="form-control" name="v_aliases" id="v_aliases"><?=htmlentities(trim($v_aliases, "'"))?></textarea>
      </div>
      <?php if ($v_letsencrypt == 'yes' || $v_letsencrypt == 'on') {?>
        <div class="u-mb10">
          <div class="alert alert-info alert-with-icon" role="alert">
            <i class="fas fa-exclamation"></i>
            <p><?=_('Lets Encrypt will obtain a new SSL certificate if web domain aliases are changed.');?></p>
          </div>
        </div>
      <?php } ?>
      <div class="u-mb20">
        <label for="v_ip" class="form-label"><?=_('IP Address');?></label>
        <select class="form-select" name="v_ip" id="v_ip">
          <?php
            foreach ($ips as $ip => $value) {
              $display_ip = htmlentities(empty($value['NAT']) ? $ip : "{$value['NAT']}");
              $ip_selected = ((!empty($v_ip) && $ip == $v_ip) || $v_ip == "'{$ip}'")  ? 'selected' : '';
              echo "\n\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"{$ip}\" {$ip_selected}>{$display_ip}</option>\n";
            }
          ?>
        </select>
      </div>
      <div class="u-mb10">
        <label for="v_stats" class="form-label"><?=_('Web Statistics');?></label>
        <select class="form-select" name="v_stats" id="v_stats">
          <?php
            foreach ($stats as $key => $value) {
              $svalue = "'".$value."'";
              echo "\t\t\t\t<option value=\"".htmlentities($value)."\"";
              if (empty($v_stats)) $v_stats = 'none';
              if (( $value == $v_stats ) || ($svalue == $v_stats )){
                echo ' selected' ;
              }
            echo ">". htmlentities(_($value)) ."</option>\n";
            }
          ?>
        </select>
      </div>
      <div class="stats-auth u-mb10" style="<?php if ($v_stats == 'none') { ?>display:none<?php } ?>">
        <div class="form-check">
          <input class="form-check-input" type="checkbox" name="v_stats_auth" id="v_stats_auth" <?php if (!empty($v_stats_user)) echo 'checked' ?> onclick="javascript:elementHideShow('statstable');">
          <label for="v_stats_auth">
            <?=_('Statistics Authorization');?>
          </label>
        </div>
      </div>
      <div class="stats-auth">
        <div class="u-pl30">
          <div id="statstable" name="v-add-web-domain-stats-user" style="display:<?php if (empty($v_stats_user)) { echo 'none';} else {echo 'block';}?> ;">
            <div class="u-mb10">
              <label for="v_stats_user" class="form-label"><?=_('Username');?></label>
              <input type="text" class="form-control" name="v_stats_user" id="v_stats_user" value="<?=htmlentities(trim($v_stats_user, "'"))?>">
            </div>
            <div class="u-mb20">
              <label for="v_password" class="form-label">
                <?=_('Password');?> / <a href="javascript:WEBrandom();" class="generate"><?=_('generate');?></a>
              </label>
              <div class="u-pos-relative">
                <input type="text" class="form-control js-password-input" name="v_stats_password" id="v_password" value="<?=trim($v_stats_password, "'")?>">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="form-check u-mb10">
        <input class="form-check-input" type="checkbox" name="v-redirect-checkbox" id="v-redirect-checkbox" <?php if (!empty($v_redirect)) echo 'checked' ?> onclick="javascript:elementHideShow('v_redirect');">
        <label for="v-redirect-checkbox">
          <?=_('Enable domain redirection');?>
        </label>
      </div>
      <div id="v_redirect" class="u-pl30 u-mb10" style="display:<?php if (empty($v_redirect)) { echo 'none';} else {echo 'block';}?> ;">
        <div class="form-check">
          <input class="form-check-input v-redirect-custom-value" type="radio" name="v-redirect" id="v-redirect-radio-1" value="<?='www.'.htmlentities($v_domain);?>" <?php if ($v_redirect == "www.".$v_domain) echo 'checked'; ?>>
          <label for="v-redirect-radio-1">
            <?=sprintf(_('Redirect visitors to %s'),"www.".htmlentities($v_domain));?>
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input v-redirect-custom-value" type="radio" name="v-redirect" id="v-redirect-radio-2" value="<?=htmlentities($v_domain);?>" <?php if( $v_redirect == $v_domain) echo 'checked';?> >
          <label for="v-redirect-radio-2">
            <?=sprintf(_('Redirect visitors to %s'),htmlentities($v_domain));?>
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input v-redirect-custom-value" type="radio" name="v-redirect" id="v-redirect-radio-3" value="custom" <?php if( !empty($v_redirect_custom)) echo 'checked';?>>
          <label for="v-redirect-radio-3">
            <?=_("Redirect visitors to a custom domain or web address");?>
          </label>
        </div>
        <div id="custom_redirect" class="u-pl30" style="display:<?php if (empty($v_redirect_custom)) { echo 'none';} else {echo 'block';}?> ;">
          <div class="u-mt15 u-mb10">
            <label for="v-redirect-custom" class="form-label"><?=_('Target domain or URL');?></label>
            <input type="text" class="form-control" name="v-redirect-custom" id="v-redirect-custom" value="<?=$v_redirect_custom;?>">
          </div>
          <div class="u-mb20">
            <label for="v-redirect-code" class="form-label"><?=_('Status code');?>:</label>
            <select class="form-select" name="v-redirect-code" id="v-redirect-code">
              <?php foreach ($redirect_code_options as $status_code): ?>
              <option value="<?=$status_code;?>"
                <?=($v_redirect_code === $status_code || (empty($v_redirect_code) && $status_code === $v_redirect_code))?' selected="selected" ':''; ?>>
                <?=$status_code;?>
              </option>
              <?php endforeach; ?>
            </select>
          </div>
        </div>
      </div>
      <div class="form-check u-mb10">
        <input class="form-check-input" type="checkbox" name="v_ssl" id="v_ssl" <?php if ($v_ssl == 'yes') echo 'checked' ?> onclick="javascript:App.Actions.WEB.toggle_ssl(this);">
        <label for="v_ssl">
          <?=_('SSL Support');?>
        </label>
      </div>
      <div id="ssltable" class="u-pl30" style="display:<?php if ($v_ssl == 'no' ) { echo 'none';} else {echo 'block';}?> ;">
        <div class="form-check u-mb10">
          <input class="form-check-input" type="checkbox" name="v_letsencrypt" id="letsencrypt" <?php if($v_letsencrypt == 'yes' || $v_letsencrypt == 'on') echo 'checked' ?> onclick="elementHideShow('letsinfo');App.Actions.WEB.toggle_letsencrypt(this)">
          <label for="letsencrypt">
            <?=_('Lets Encrypt Support');?>
          </label>
        </div>
        <div class="form-check u-mb10">
          <input class="form-check-input" type="checkbox" name="v_ssl_forcessl" id="v_ssl_forcessl" <?php if($v_ssl_forcessl == 'yes') echo 'checked' ?> onclick="">
          <label for="v_ssl_forcessl">
            <?=_('Force SSL/HTTPS');?>
          </label>
        </div>
        <div class="form-check u-mb20">
          <input class="form-check-input" type="checkbox" name="v_ssl_hsts" id="ssl_hsts" <?php if($v_ssl_hsts == 'yes') echo 'checked' ?>>
          <label for="ssl_hsts">
            <?=_('Enable SSL HSTS');?>
          </label>
        </div>
        <div id="ssl-details" style="<?php if ($v_letsencrypt == 'yes' || $v_letsencrypt == 'on') { echo 'display: none;'; } ?>">
          <div class="u-mb10">
            <label for="ssl_crt" class="form-label">
              <?=_('SSL Certificate');?>
              <span id="generate-csr"> / <a class="generate" target="_blank" href="/generate/ssl/?domain=<?=htmlentities($v_domain)?>"><?=_('Generate CSR');?></a></span>
            </label>
            <textarea class="form-control u-min-height100 u-console" name="v_ssl_crt" id="ssl_crt"><?=htmlentities(trim($v_ssl_crt, "'"))?></textarea>
          </div>
          <div class="u-mb10">
            <label for="v_ssl_key" class="form-label"><?=_('SSL Key');?></label>
            <textarea class="form-control u-min-height100 u-console" name="v_ssl_key" id="v_ssl_key"><?=htmlentities(trim($v_ssl_key, "'"))?></textarea>
          </div>
          <div class="u-mb20">
            <label for="v_ssl_ca" class="form-label">
              <?=_('SSL Certificate Authority / Intermediate');?> <span class="optional">(<?=_('optional');?>)</span>
            </label>
            <textarea class="form-control u-min-height100 u-console" name="v_ssl_ca" id="v_ssl_ca"><?=htmlentities(trim($v_ssl_ca, "'"))?></textarea>
          </div>
        </div>
        <?php if ($v_ssl != 'no' ) { ?>
          <table class="additional-info">
            <tr>
              <td>
                <b><?=_('SUBJECT');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_subject?>
              </td>
            </tr>
            <?php if ($v_ssl_aliases){?>
            <tr>
              <td>
                <b><?=_('ALIASES');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_aliases?>
              </td>
            </tr>
            <?php } ?>
            <tr>
              <td>
                <b><?=_('NOT_BEFORE');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_not_before?>
              </td>
            </tr>
            <tr>
              <td>
                <b><?=_('NOT_AFTER');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_not_after?>
              </td>
            </tr>
            <tr>
              <td>
                <b><?=_('SIGNATURE');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_signature?>
              </td>
            </tr>
            <tr>
              <td>
                <b><?=_('PUB_KEY');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_pub_key?>
              </td>
            </tr>
            <tr>
              <td>
                <b><?=_('ISSUER');?>:</b>
              </td>
              <td class="details">
                <?=$v_ssl_issuer?>
              </td>
            </tr>
            <tr id="letsinfo" style="display:<?php if ($v_letsencrypt == 'yes' || $v_letsencrypt == 'on' ) { echo 'block';} else {echo 'none';} ?>">
              <td><a href="#" onclick="elementHideShow('ssl-details'); return false;" class="generate"><?=_('Show Certificate');?></a></td>
            </tr>
          </table>
        <? } // if ssl is enabled ?>
      </div>
      <div class="u-mt15 u-mb20">
        <a href="javascript:elementHideShow('advanced-opts');" class="button button-secondary"><?=_('Advanced options');?></a>
      </div>
      <div id="advanced-opts" style="display: none;">
        <?php if (($_SESSION['userContext'] === 'admin') || ($_SESSION['userContext'] === 'user') && ($_SESSION['POLICY_USER_EDIT_WEB_TEMPLATES'] === 'yes')) { ?>
          <div class="u-mb10">
            <label for="v_template" class="form-label">
              <?=_('Web Template') . "<span class='optional'>" . strtoupper($_SESSION['WEB_SYSTEM']) . "</span>";?>
            </label>
            <select class="form-select" name="v_template" id="v_template">
              <?php
                foreach ($templates as $key => $value) {
                  echo "\t\t\t\t<option value=\"".htmlentities($value)."\"";
                  $svalue = "'".$value."'";
                  if ((!empty($v_template)) && ( $value == $v_template ) || ($svalue == $v_template)){
                    echo ' selected' ;
                  }
                  echo ">".htmlentities($value)."</option>\n";
                }
              ?>
            </select>
          </div>
          <?php if($_SESSION['WEB_SYSTEM'] == 'nginx'){?>
            <div class="form-check u-mb10">
              <input class="form-check-input" type="checkbox" name="v_nginx_cache_check" id="v_nginx_cache_check" <?php if ($v_nginx_cache == 'yes') echo 'checked' ?> onclick="javascript:elementHideShow('v_nginx_duration');">
              <label for="v_nginx_cache_check">
                <?=_('Enable FastCGI Cache');?>
                <a href="https://docs.hestiacp.com/admin_docs/web/fastcgi.html#nginx-fastcgi-cache" target="_blank">
                  <i class="fas fa-circle-question"></i>
                </a>
              </label>
            </div>
            <div id="v_nginx_duration" class="u-pl30" style="display:<?php if ($v_nginx_cache != 'yes' ) { echo 'none';} else {echo 'block';}?> ;">
              <div class="u-mb10">
                <label for="v_nginx_cache_duration" class="form-label">
                  <?=_('Cache Duration');?> <span class="optional"><?=_('For example: 30s, 10m or 1d');?>
                </label>
                <input type="text" class="form-control" name="v_nginx_cache_duration" id="v_nginx_cache_duration" value="<?=htmlentities(trim($v_nginx_cache_duration, "'"))?>">
              </div>
            </div>
          <?php } ?>
          <?php if (!empty($_SESSION['WEB_BACKEND'])) { ?>
            <div class="u-mb10">
              <label for="v_backend_template" class="form-label">
                <?=_('Backend Template') . " <span class='optional'>" . strtoupper($_SESSION['WEB_BACKEND']) . "</span>";?>
              </label>
              <select class="form-select" name="v_backend_template" id="v_backend_template">
                <?php
                  foreach ($backend_templates as $key => $value) {
                    echo "\t\t\t\t<option value=\"".$value."\"";
                    $svalue = "'".$value."'";
                    if ((!empty($v_backend_template)) && ( $value == $v_backend_template ) || ($svalue == $v_backend_template)){
                      echo ' selected' ;
                    }
                    if ((empty($v_backend_template)) && ($value == 'default')){
                      echo ' selected' ;
                    }
                    echo ">".htmlentities($value)."</option>\n";
                  }
                ?>
              </select>
            </div>
          <?php }?>
          <?php if (!empty($_SESSION['PROXY_SYSTEM'])) { ?>
            <div style="display: none;">
              <div class="form-check u-mb10">
                <input class="form-check-input" type="checkbox" name="v_proxy" id="v_proxy" <?php if (!empty($v_proxy)) echo 'checked' ?> onclick="javascript:elementHideShow('proxytable');">
                <label for="v_proxy">
                  <?=_('Proxy Support') . "<span class='optional'>" . strtoupper($_SESSION['PROXY_SYSTEM']) . "</span>";?>
                </label>
              </div>
            </div>
            <div id="proxytable" style="display:<?php if (empty($v_proxy)) { echo 'none';} else {echo 'block';}?> ;">
              <div class="u-mb10">
                <label for="v_proxy_template" class="form-label"><?=_('Proxy Template');?></label>
                <select class="form-select" name="v_proxy_template" id="v_proxy_template">
                  <?php
                    foreach ($proxy_templates as $key => $value) {
                      echo "\t\t\t\t<option value=\"".htmlentities($value)."\"";
                      $svalue = "'".$value."'";
                      if ((!empty($v_proxy_template)) && ( $value == $v_proxy_template ) || ($svalue == $v_proxy_template)){
                        echo ' selected' ;
                      }
                      if ((empty($v_proxy_template)) && ($value == 'default')){
                        echo ' selected' ;
                      }
                      echo ">".htmlentities($value)."</option>\n";
                    }
                  ?>
                </select>
              </div>
              <div class="u-mb10">
                <label for="v_proxy_ext" class="form-label"><?=_('Proxy Extensions');?></label>
                <textarea class="form-control" name="v_proxy_ext" id="v_proxy_ext"><?php if (!empty($v_proxy_ext)) { echo htmlentities(trim($v_proxy_ext, "'"));} else { echo 'jpg, jpeg, gif, png, ico, svg, css, zip, tgz, gz, rar, bz2, exe, pdf, doc, xls, ppt, txt, odt, ods, odp, odf, tar, bmp, rtf, js, mp3, avi, mpeg, flv, html, htm'; } ?></textarea>
              </div>
            </div>
          <?php } ?>
        <?php } ?>
        <div class="form-check u-mb10">
          <input class="form-check-input" type="checkbox" name="v_custom_doc_root_check" id="v_custom_doc_root_check" <?php if (!empty($v_custom_doc_root)) echo 'checked' ?> onclick="javascript:elementHideShow('v_custom_doc_root');">
          <label for="v_custom_doc_root_check">
            <?=_('Custom document root');?>
          </label>
        </div>
        <div id="v_custom_doc_root" class="u-pl30" style="display:<?php if (empty($v_custom_doc_root)) { echo 'none';} else {echo 'block';}?> ;">
          <div class="u-mb10">
            <label for="v-custom-doc-domain" class="form-label"><?=_('Point to');?></label>
            <input type="hidden" name="v-custom-doc-root_prepath" value="<?=$v_custom_doc_root_prepath;?>">
            <select class="form-select" name="v-custom-doc-domain" id="v-custom-doc-domain">
              <?php foreach ($user_domains as $domain): ?>
              <option value="<?=htmlentities($domain);?>"
                <?=($v_custom_doc_domain === $domain || (empty($v_custom_doc_domain) && $domain === $v_domain))?' selected="selected" ':''; ?>>
                <?=htmlentities($domain);?>
              </option>
              <?php endforeach; ?>
            </select>
          </div>
          <div class="u-mb10">
            <label for="v-custom-doc-folder" class="form-label">
              <?php print( _('Directory'));?> <span class="optional">(<?=_('optional');?>)</span>
            </label>
            <input type="text" class="form-control" name="v-custom-doc-folder" id="v-custom-doc-folder" value="<?=htmlentities(trim($v_custom_doc_folder, "'"))?>">
            <small class="custom_docroot_hint"></small>
          </div>
        </div>
        <?php if (in_array($_SESSION['FTP_SYSTEM'], array('vsftpd', 'proftpd'))) { ?>
          <div class="form-check u-mb10">
            <input class="form-check-input" type="checkbox" name="v_ftp" id="v_ftp" <?php if (!empty($v_ftp_user)) echo 'checked' ?> onclick="App.Actions.WEB.toggle_additional_ftp_accounts(this)">
            <label for="v_ftp">
              <?=_('Additional FTP Account');?>
            </label>
          </div>
          <div id="ftp_users">
            <?php foreach ($v_ftp_users as $i => $ftp_user): ?>
            <?php
              $v_ftp_user     = $ftp_user['v_ftp_user'];
              $v_ftp_password = $ftp_user['v_ftp_password'];
              $v_ftp_path     = $ftp_user['v_ftp_path'];
              $v_ftp_email    = $ftp_user['v_ftp_email'];
              $v_ftp_pre_path = $ftp_user['v_ftp_pre_path'];
            ?>
            <div class="js-ftp-account js-ftp-account-nrm" name="v_add_domain_ftp" style="display:<?php if (empty($v_ftp_user)) { echo 'none';} else {echo 'block';}?> ;">
              <div class="u-mb10">
                <?=_('FTP');?> #<span class="ftp-user-number"><?=$i + 1; ?></span> <a class="additional-control delete" onclick="App.Actions.WEB.remove_ftp_user(this)"><?=_('delete');?></a>
                <input type="hidden" class="v-ftp-user-deleted" name="v_ftp_user[<?=$i ?>][delete]" value="0">
                <input type="hidden" class="v-ftp-user-is-new" name="v_ftp_user[<?=$i ?>][is_new]" value="<?=htmlentities($ftp_user['is_new']) ?>">
              </div>
              <div class="u-pl30 u-mb10">
                <label for="v_ftp_user[<?=$i ?>][v_ftp_user]" class="form-label">
                  <?=_('Username');?><br>
                  <span style="color:#777;"><?=sprintf(_('Prefix %s will be added to username automatically'),$user_plain."_");?></span>
                </label>
                <input type="text" class="form-control v-ftp-user" <?=$ftp_user['is_new'] != 1 ? 'disabled="disabled"' : '' ?>
                name="v_ftp_user[<?=$i ?>][v_ftp_user]" id="v_ftp_user[<?=$i ?>][v_ftp_user]" value="<?=htmlentities(trim($v_ftp_user, "'"))?>">
                <input type="hidden" name="v_record_id" value="<?=htmlentities(trim($v_record_id, "'"))?>">
                <small class="hint"></small>
              </div>
              <div class="u-pl30 u-mb10">
                <label for="v_ftp_user[<?=$i ?>][v_ftp_password]" class="form-label">
                  <?=_('Password');?> / <a href="javascript:void(0);" onclick="FTPrandom(this)" ; class="generate"><?=_('generate');?></a>
                </label>
                <input type="text" class="form-control v-ftp-user-psw" name="v_ftp_user[<?=$i ?>][v_ftp_password]" id="v_ftp_user[<?=$i ?>][v_ftp_password]" value="<?=htmlentities(trim($v_ftp_password, "'"))?>">
              </div>
              <div class="u-pl30 u-mb10">
                <label for="v_ftp_user[<?=$i ?>][v_ftp_path]" class="form-label"><?=_('Path');?></label>
                <input type="hidden" name="v_ftp_pre_path" value="<?=!empty($v_ftp_pre_path) ? htmlentities(trim($v_ftp_pre_path, "'")) : '/'; ?>">
                <input type="hidden" name="v_ftp_user[<?=$i ?>][v_ftp_path_prev]" value="<?php if (!empty($v_ftp_path)) echo ($v_ftp_path[0] != '/' ? '/' : '').htmlentities(trim($v_ftp_path, "'")) ?>">
                <input type="text" class="form-control js-ftp-path" name="v_ftp_user[<?=$i ?>][v_ftp_path]" id="v_ftp_user[<?=$i ?>][v_ftp_path]" value="<?php if (!empty($v_ftp_path)) echo ($v_ftp_path[0] != '/' ? '/' : '').htmlentities(trim($v_ftp_path, "'")) ?>">
                <span class="hint-prefix js-ftp-path-prefix"><?=htmlentities(trim($v_ftp_pre_path, "'"))?></span><span class="hint js-ftp-path-hint"></span>
              </div>
              <?php if ($ftp_user['is_new'] == 1): ?>
                <div class="u-pl30 u-mb10">
                  <label for="v_ftp_user[<?=$i ?>][v_ftp_email]" class="form-label"><?=_('Send FTP credentials to email');?></label>
                  <input type="email" class="form-control js-email-alert-on-psw" name="v_ftp_user[<?=$i ?>][v_ftp_email]" id="v_ftp_user[<?=$i ?>][v_ftp_email]" value="<?=htmlentities(trim($v_ftp_email, "'"))?>">
                </div>
              <?php endif; ?>
            </div>
            <?php endforeach; ?>
          </div>

          <div class="js-add-new-ftp-user-button" style="<?=!empty($v_ftp_user) ? '' : 'display:none;' ?>">
            <div class="u-pt18 v-add-new-user">
              <a class="additional-control add" onclick="App.Actions.WEB.add_ftp_user_form()"><?=_('Add one more FTP Account');?></a>
            </div>
          </div>
        <?php } ?>
      </div>
    </div>

  </form>

</div>

<div id="templates" class="u-hidden">
  <div class="js-ftp-account js-ftp-account-nrm" name="v_add_domain_ftp">
    <div class="u-mb10">
      <?=_('FTP') ?> #<span class="ftp-user-number"></span> <a class="additional-control delete" onclick="App.Actions.WEB.remove_ftp_user(this)"><?=_('delete');?></a>
      <input type="hidden" class="v-ftp-user-deleted" name="v_ftp_user[%INDEX%][delete]" value="0">
      <input type="hidden" class="v-ftp-user-is-new" name="v_ftp_user[%INDEX%][is_new]" value="1">
    </div>
    <div class="u-pl30 u-mb10">
      <label for="v_ftp_user[%INDEX%][v_ftp_user]" class="form-label">
        <?=_('Username');?><br>
        <span style="color:#777;"><?=sprintf(_('Prefix %s will be added to username automatically'),$user_plain."_");?></span>
      </label>
      <input type="text" class="form-control v-ftp-user" name="v_ftp_user[%INDEX%][v_ftp_user]" id="v_ftp_user[%INDEX%][v_ftp_user]" value="">
      <small class="hint"></small>
    </div>
    <div class="u-pl30 u-mb10">
      <label for="v_ftp_user[%INDEX%][v_ftp_password]" class="form-label">
        <?=_('Password');?> / <a href="javascript:void(0);" onclick="FTPrandom(this)" ; class="generate"><?=_('generate');?></a>
      </label>
      <input type="text" class="form-control v-ftp-user-psw" name="v_ftp_user[%INDEX%][v_ftp_password]" id="v_ftp_user[%INDEX%][v_ftp_password]">
    </div>
    <div class="u-pl30 u-mb10">
      <label for="v_ftp_user[%INDEX%][v_ftp_path]" class="form-label"><?=_('Path');?></label>
      <input type="hidden" name="v_ftp_pre_path" value="">
      <input type="text" class="form-control js-ftp-path" name="v_ftp_user[%INDEX%][v_ftp_path]" id="v_ftp_user[%INDEX%][v_ftp_path]" value="">
      <span class="hint-prefix js-ftp-path-prefix"><?=htmlentities(trim($v_ftp_pre_path_new_user, "'"))?></span><span class="hint js-ftp-path-hint"></span>
    </div>
    <div class="u-pl30 u-mb10">
      <label for="v_ftp_user[%INDEX%][v_ftp_email]" class="form-label"><?=_('Send FTP credentials to email');?></label>
      <input type="email" class="form-control js-email-alert-on-psw" name="v_ftp_user[%INDEX%][v_ftp_email]" id="v_ftp_user[%INDEX%][v_ftp_email]" value="">
    </div>
  </div>
</div>

<script>
  GLOBAL.FTP_USER_PREFIX = "<?=$user_plain.'_';?>";
</script>