login.tpl.php

<!-- file login.tpl.php -->
<?php
/* Copyright (C) 2024   MDW             <mdeweerd@users.noreply.github.com>
 */
// Protection to avoid direct call of template
if (empty($context) || !is_object($context)) {
  print "Error, template page can't be called as URL";
  exit(1);
}
'@phan-var-force Context $context';
 
?>
<div class="login-page__container">
  <div class="login-screen">
    <div class="login-screen__content">
      <form class="login" method="POST">
        <?php echo $context->getFormToken(); ?>
        <input type="hidden" name="action_login" value="login">
 
        <div class="login__logo"><!-- see --login-logo css var to change logo --></div>
 
        <div class="login__field">
          <i class="login__icon fas fa-user"></i>
          <input type="text" class="login__input" name="login" placeholder="<?php print dol_escape_htmltag($langs->trans('loginWebportalUserName')); ?>">
        </div>
        <div class="login__field">
          <i class="login__icon fas fa-lock"></i>
          <input type="password" class="login__input" name="password" placeholder="<?php print dol_escape_htmltag($langs->trans('Password')) ?>">
        </div>
        <button class="button login__submit">
          <span class="button__text"><?php print dol_escape_htmltag($langs->trans('Connection')) ?></span>
          <i class="button__icon fas fa-chevron-right"></i>
        </button>
      </form>
<!--      <div class="social-login">-->
<!--        <span class="social-login__title">Follow us on</span>-->
<!--        <div class="social-icons">-->
<!--          <a href="#" class="social-login__icon fab fa-instagram"></a>-->
<!--          <a href="#" class="social-login__icon fab fa-facebook"></a>-->
<!--          <a href="#" class="social-login__icon fab fa-twitter"></a>-->
<!--        </div>-->
<!--      </div>-->
    </div>
    <div class="login-screen__background">
      <span class="login-screen__background__shape login-screen__background__shape4"></span>
      <span class="login-screen__background__shape login-screen__background__shape3"></span>
      <span class="login-screen__background__shape login-screen__background__shape2"></span>
      <span class="login-screen__background__shape login-screen__background__shape1"></span>
    </div>
  </div>
</div>