<div class="modal fade" tabindex="-1" role="dialog" id="password-recovery-dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title"><?php echo _('Password recovery'); ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
	      <div class="text-center recovery-password-done-msg">
		      <div><img src="/images/like.svg" alt="<?php echo _('Password recovery'); ?>" width="100"></div>
		      <div class="margin-top-20"><?php echo _('The temporary password has been sent. Check your e-mail box as soon as possible. Thanks!'); ?></div>
	      </div>
	      
	      <div class="recovery-password-form">
		      <div class="alert alert-info" role="alert">
			      <?php echo _('Please provide your e-mail address to receive a new temporary password.'); ?>
		      </div>
		      <form>
				<div class="form-group">
					<label for="recovery_email"><?php echo _('E-mail'); ?></label>
					<input type="text" class="form-control" name="data[recovery_email]" id="recovery_email" />
				</div>
		      </form>
	      </div>
	  </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-light" data-dismiss="modal"><?php echo _('Close'); ?></button>
      	<button type="button" class="btn btn-success btn-send-temporary-password"><?php echo _('Send'); ?></button>
      </div>
    </div>
  </div>
</div>