{openzc:if $loginStatus==false}
<div id="globalcss" class="msgLogin" >
  <div class="modal is-active">
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title">Sign In</p>
        <button class="delete" aria-label="close"></button>
      </header>
      <section class="modal-card-body">
        <form action="{openzc:link name='FILENAME_LOGIN' parameter='[action=>process]'/}" method="post">
          <input type="hidden" name="securityToken" value="{openzc:field.securityToken/}"/>
          <div class="field">
            <label class="label">Email Address</label>
            <div class="control">
              <input class="input" type="text" name="email_address" placeholder="Email">
            </div>
          </div>
          <div class="field">
            <label class="label">Password</label>
            <div class="control">
              <input class="input" type="password" name="password" placeholder="Password">
            </div>
          </div>
		  
          <div class="field">
            <p class="control">
              <button type="submit" class="button is-info"> Login </button>
            </p>
          </div>
			
			<div class="control mt-3">
			<div class="is-pulled-left"><a href="{openzc:link name='FILENAME_PASSWORD_FORGOTTEN'/}">Forgot password?</a></div>
			  <div class="is-pulled-right"><a href="{openzc:link name='FILENAME_CREATE_ACCOUNT'/}">Don't have an account?</a></div>
		  </div>
			
        </form>
      </section>
    </div>
  </div>
</div>
<script>

  $(".msgLogin .delete,.msgLogin .modal-background").click(function(e){
	  $(".msgLogin").fadeOut('slow');
  });

</script> 
{/openzc:if} 