<?php
do_action('dolphy_access_header');

$signupUrl = wp_registration_url();
$forgotPasswordUrl = wp_lostpassword_url();
?>

<div class="content signin" id="login-page">
  <fieldset v-bind:disabled="loading">
    <form name="SignIn" v-on:submit="submit($event)">
      <div class="field-group">
        <div class="field-group-icon">
          <i class="fa fa-fw fa-user"></i>
        </div>
        <input type="text" v-model="form.username" placeholder="Username" autocomplete="username">
      </div>

      <div class="field-group">
        <div class="field-group-icon">
          <i class="fa fa-fw fa-lock"></i>
        </div>
        <input type="password" v-model="form.password" placeholder="Password" autocomplete="current-password">
      </div>

      <div class="form-group dol-text-center mini-text">
        <div class="dol-row">
          <div class="dol-col sm-6 dol-sm-text-left">
            <label for="remember">
              <input type="checkbox" name="remember" v-model="form.remember" id="remember">
              <span>Remember me</span>
            </label>
          </div>
          <div class="dol-col sm-6 dol-sm-text-right dol-m-t-10 dol-sm-m-t-0">
            <a href="<?php echo esc_url($forgotPasswordUrl); ?>">Forgot Password?</a>
          </div>
        </div>
      </div>

      <div class="form-group">
        <button type="submit">Sign In</button>
      </div>
    </form>

    <?php if (get_option('users_can_register')) { ?>
    <div class="form-group mini-text dol-text-center">
      <a href="<?php echo esc_url($signupUrl); ?>">CREATE ACCOUNT</a>
    </div>
    <?php } ?>
  </fieldset>

  <dolphy-dialog-placeholder></dolphy-dialog-placeholder>
</div>

<?php do_action('dolphy_access_footer'); ?>
