<?php
/*
* Template Name: Login page
*
*/

get_header();

?>

<?php if( ! is_user_logged_in() ) : ?>

  <?php echo dinamo_breadcrumbs(); ?>

  <section class="section">
    <div class="container pt-30 mb-135 contact-form ">


      <div id="registerForm" class="collapse show">
        <h1 class="h2"><?php _e("Prijava", "dinamo_shop"); ?></h1>

        <form class="login-form" action="login"  method="POST">
          <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
          <div class="row">
            <div class="col-12 col-xs-12">
              <div class="form-group text-left">
                <label class="form-label"><?php _e("Email adresa", "dinamo_shop"); ?></label>
                <input required type="text" class="form-control full-width" name="email" placeholder="<?php _e("Unesite email adresu", "dinamo_shop"); ?>"/>
              </div>
            </div>
            <div class="col-12 col-xs-12">
              <div class="form-group text-left">
                <label class="form-label"><?php _e("Lozinka", "dinamo_shop"); ?></label>
                <input required type="password" class="form-control full-width" name="password" placeholder="<?php _e("Unesite lozinku", "dinamo_shop"); ?>"/>
              </div>
            </div>

          </div>



          <div class="text-center">

            <div class="loginFormResponse form-response" style="display:none;"></div>
            <div class="countdown" style="display:none;"></div>

            <button data-loading-message="<?php _e("Šaljem...", "dinamo_shop"); ?>"  class="login-button btn btn-primary"> <?php _e("Prijavite se", "dinamo_shop"); ?> </button>

            <div class="text-center">
              <a href="#" class="btn btn-ghost" data-target="#forgotPass"><?php _e("Zaboravili ste lozinku?", "dinamo_shop"); ?></a>
            </div>


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


      <div class="collapse" id="forgotPass">
        <h1 class="h2"><?php _e("Izgubljena lozinka", "dinamo_shop"); ?></h1>
        <form id="lost_password_page" class="lost_password" action="lost_password" method="POST">
          <div class="form-group">
            <label class="form-label"><?php _e("Email adresa", "dinamo_shop"); ?></label>
            <input type="text" class="form-control" name="email" id="email" placeholder="<?php _e("Unesite email adresu", "dinamo_shop"); ?>" />
          </div>
          <div class="text-center">
            <button class="btn btn-primary full-width"><?php _e("Pošaljite", "dinamo_shop"); ?></button>
            <a href="#" class="btn btn-ghost mb-0" data-target="#registerForm"><?php _e("Povratak na prijavu", "dinamo_shop"); ?></a>
            <?php wp_nonce_field('ajax-lost-password-nonce', 'security'); ?>
            <p class="mt-30" id="lostPasswordResponse" style="display:none"></p>
          </div>
        </form>
      </div>

      <?php $login_text = __('Prijava putem društvenih mreža', 'dinamo_shop'); ?>

      <?php
  if(shortcode_exists("apsl-login-lite")):
      echo do_shortcode( "[apsl-login-lite login_text='$login_text']" );
    endif;
    ?>


      <div id="registerSuccess" style="display:none;">
        <h2 class="h2"><?php _e("Hvala vam", "dinamo_shop"); ?></h2>

        <p><?php _e("Uspješno ste registrirali korisnički račun na Dinamo webshopu. Ulogirali smo Vas u vaš račun, te ga sada možete koristiti za daljnje kupovine.", "dinamo_shop"); ?></p>
        <a  href="<?= get_home_url(); ?>"  class="register-button btn btn-primary"> <?php _e("Nazad na naslovnu", "dinamo_shop"); ?> </a>

      </div>

    </div>
  </section>
  <div style="height:60px;"></div>

<?php else : ?>

  <?php wp_redirect( site_url() ); ?>

<?php endif; ?>


<?php get_footer(); ?>