Elep

<?php

// Namespace
  namespace BMI\Plugin\Dashboard;

// Exit on direct access
  if (!defined('ABSPATH')) exit;

// ThMaker
  function __th($n) {

$ths = [__("st", 'backup-backup'), __("nd", 'backup-backup'), __("rd", 'backup-backup'), __("th", 'backup-backup')];
    $n = intval($n);
    $nah = [11, 12, 13];

if (in_array($n, $nah)) return $ths[3];
    else {

if (substr(''.$n, -1) == '1') return $ths[0];
      elseif (substr(''.$n, -1) == '2') return $ths[1];
      elseif (substr(''.$n, -1) == '3') return $ths[2];
      else return $ths[3];

}

<div class="backup-creator cf section-bmi" id="bmi-section--cron">
  <div class="left">
    <div class="create-now pointer bmi-backup-btn one shadow" id="i-backup-creator">
      <div class="insider"></div>
      <div class="insider-2"></div>
      <div class="vcenter">
        <img src="<?php echo $this->get_asset('images', 'backup-min.svg'); ?>" alt="server-img" class="img-now">
        <div class="text">
          <span class="medium pointer">
            <?php _e('Create backup', 'backup-backup') ?> <span class="bold"><?php _e('now!', 'backup-backup') ?></span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div class="left cron-backups-wrap" id="i-backup-cron">
    <div class="cron-backups shadow relative<?php echo ((bmi_get_config('CRON:ENABLED') === false) ? ' disabled' : '') ?>">
      <div class="turned-off pointer transition"<?php echo ((bmi_get_config('CRON:ENABLED') === true) ? ' style="display: none"' : '') ?>>
        <div class="vcenter">
          <div class="fullwidth">
            <div class="cf inline lh28">
              <div class="left">
                <img src="<?php echo $this->get_asset('images', 'timemachine.svg'); ?>" alt="cron-icon" height="30px;">&nbsp;&nbsp;
              </div>
              <div class="left">
                <span class="f20 regular">
                  <?php _e('... or have', 'backup-backup') ?>
                  <span class="semibold"><?php _e('backups created automatically', 'backup-backup') ?></span>
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="turned-on f18"<?php echo ((bmi_get_config('CRON:ENABLED') === false) ? ' style="display: none"' : '') ?>>

</div>
        </div>

</div>
    </div>
  </div>
</div>

<div class="mbl learn_more_about_cron" style="display: none;">
  <ol style="list-style: outside;">
    <li>
      <?php _e("Above times are", 'backup-backup'); ?>
      <b><?php _e("server times", 'backup-backup'); ?></b>
      (<?php _e("time now:", 'backup-backup'); ?> <span id="server-time-auto" data-time="<?php echo time(); ?>"></span>)
    </li>
    <li>
      <?php _e("There needs to be", 'backup-backup'); ?>
      <b><?php _e("at least one visitor", 'backup-backup'); ?></b>
      <?php _e("so that the backup process gets triggered", 'backup-backup'); ?>
    </li>
    <li>
      <?php _e("We suggest to", 'backup-backup'); ?>
      <b><?php _e("only keep 2 or 3 backups", 'backup-backup'); ?></b>
      <?php _e("otherwise you may run out of space.", 'backup-backup'); ?>
    </li>
    <li>
      <b><?php _e("Locked backups will <u>not</u> be deleted", 'backup-backup'); ?></b>
      <?php _e("automatically. Those are indicated by a lock sign", 'backup-backup'); ?>
      <img src="<?php echo $this->get_asset('images', 'lock-min.svg'); ?>" alt="lock" class="inline" height="18px">.
      <?php _e('Manually created backups (i.e. those after click on "Create backup now!") are permanently locked, while automatically created backups are by default unlocked.', 'backup-backup'); ?>
      <?php _e("You can change their lock status on the", 'backup-backup'); ?>
      <span class="secondary hoverable go-to-marbs"><?php _e("Manage & Restore Backup(s)", 'backup-backup'); ?></span>
      <?php _e("tab", 'backup-backup'); ?>.
    </li>
    <li>
      <?php _e("For", 'backup-backup'); ?>
      <b><?php _e("other triggers", 'backup-backup'); ?></b>
      <?php _e("when your backups are created, please go", 'backup-backup'); ?>
      <span class="secondary hoverable collapser-openner" data-el="#other-options"><?php _e("here", 'backup-backup'); ?></span>.
    </li>
  </ol>
  <div class="right-align hoverable secondary closer-learn-more">
    <?php _e("Collapse", 'backup-backup'); ?>
  </div>
</div>