<?php

  // Namespace
  namespace BMI\Plugin\Dashboard;

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

?>

<div class="bmi-modal" id="staging-rename-modal">

  <div class="bmi-modal-wrapper" style="max-width: 645px; max-width: min(645px, 80vw);">
    <div class="bmi-modal-content">

      <div class="center">
        <div class="mbl cf center block inline">
          <div class="left center">
            <img class="inline bmi-rename-icon-modal" src="<?php echo $this->get_asset('images', 'pen-edit.svg'); ?>" alt="success">
          </div>
          <div class="left f24 bold lh50"><?php _e("Want to modify the name?", 'backup-backup'); ?></div>
        </div>
      </div>

      <div class="f19 mbl center lh30">
        <?php _e("This action will only change display name of the site,", 'backup-backup'); ?><br>
        <?php _e("it won't change URL or anything else, just cosmetic.", 'backup-backup'); ?>
        <br /><br />
        <b><?php _e("New name:", 'backup-backup'); ?><br /></b>
        <div class="bmi-stg-rename-modal-input">
          <input type="text" autocomplete="off" id="bmi-stg-rename-input" placeholder="staging">
        </div>
      </div>

      <div class="flex flexcenter">
        <div class="cf inline">
          <div class="left inline mr50">
            <a href="#" id="stg-display-name-edit-confirm" class="btn mm60 center block bold nodec">
              <?php _e("Change it", 'backup-backup'); ?>
            </a>
          </div>
          <div class="left inline">
            <a href="#" class="btn bmi-modal-closer inline mm60 center block bold grey nodec">
              <?php _e("Close", 'backup-backup'); ?>
            </a>
          </div>
        </div>
      </div>

    </div>
  </div>

</div>
