{% extends "common/no_auth_page.twig" %}

{% block body %}

<style type="text/css">
img.language-selector-option {
    height: 25px;
}
</style>

<section class="login-block">
  <div class="container">
    <div class="row align-items-center h-100">

      <div class="col-md-6 mx-auto login-sec">
        <h2 class="text-center">
          <img class="logo" src="/static/images/delicom-logo.png" alt="delicom" style="height:150px;max-width:100%;">
        </h2>
        <div class="alert alert-warning" role="alert">{{'welcome-delicom-text'|trans|raw}}</div>
        
        <form class="login-form" method="POST" action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\LoginRouters::LOGIN'))}}">

          <input type="hidden" name="url" value="{{redirectUrl}}">

          <div class="row">
            <div class="col-md-12 form-group">
              <label for="username">{{'username'|trans}}</label>
              <input type="text" required name="username" id="username" class="form-control" placeholder="">
            </div>
            <div class="col-md-12  form-group">
              
              <label for="current-password">{{'password'|trans}}</label>
              
            </div>

            <div class="col-md-12 input-group mb-3" style="margin-top: -15px;">

              <input type="password" required name="current-password" id="current-password" class="form-control" placeholder="">
              <div class="input-group-append">
                <span class="input-group-text" id="basic-addon2" style="cursor: pointer;"><i class="fa fa-eye-slash" id="togglePassword" ></i></span>
              </div>
            </div>

          </div>
          <div class="row">
            <div class="col-md-12 text-left mb-3">
              <button type="submit" class="btn btn-login btn-success mw-100 w-100">{{'signIn'|trans}}</button>
            </div>
          </div>
          </form>
          <div class="mt-3 text-center">
            <a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\LoginRouters::REMEMBER_ACCOUNT'))}}">
            <button type="text" class="btn btn-danger btn-danger mw-100 w-100">{{'rememberAccount'|trans}}</button>
            </a>
          </div>

          <div class="mt-3 text-center">
            <select id="select-language-selector" class="form-control select-language-selector" data-width="fit" style="width: 100px;">
                <option {% if language == 'es' %}selected="selected"{% endif %} value="es" data-content='<img class="language-selector-option" src="/static/images/flags/es_ES.svg">'></option>
                <option {% if language == 'de' %}selected="selected"{% endif %} value="de" data-content='<img class="language-selector-option" src="/static/images/flags/de_DE.png">'></option>
              
            </select>
          </div>
        
      </div>

    </div>
    
  </div>
</section>    

{% endblock %}