{#
/**
 * @file
 * Page user login.
 */
#}

{% extends  "page.html.twig" %}

{# Main #}
{% block main %}
<div role="main" class="main-container {{ container }}">
  <div class="row">
    <div id="auth-box" class="login col-10 offset-1 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
      <h1 id="page-user-login-title" class="sr-only">{{ title }}</h1>
      <div id="top-part">
        {# Highlighted #}
        {% if page.highlighted %}
          {% block highlighted %}
            <div class="highlighted">{{ page.highlighted }}</div>
          {% endblock %}
        {% endif %}
      </div>
      <div id="middle-part">
        {{ page.header|without('VARTHEME_BS4_SUBTHEME_local_tasks', 'VARTHEME_BS4_SUBTHEME_breadcrumbs', 'VARTHEME_BS4_SUBTHEME_local_actions', 'VARTHEME_BS4_SUBTHEME_page_title') }}
        {% if (varbase.we_do_have_enabled_social_auth_modules.value) and (page.content.VARTHEME_BS4_SUBTHEME_socialauthlogin) %}
          <h2 class="block-title"><span> {{ "Login with"|t }} </span></h2>
          {{ page.content.VARTHEME_BS4_SUBTHEME_socialauthlogin }}
          <h2 class="block-title"><span> {{ "or"|t }} </span></h2>
          {{ page.content|without('VARTHEME_BS4_SUBTHEME_socialauthlogin') }}
        {% else %}
          <h2 class="block-title"><span> {{ title }} </span></h2>
          {{ page.content }}
        {% endif %}
      </div>
      <div id="bottom-part">
        <div class="password-link">
          <a href="{{ path('user.pass') }}"><i class="fas fa-sign-in-alt" aria-hidden="true"></i> {{ 'Forgot your password?'|t }}</a>
        </div>
      {% if not logged_in and not user_settings_register_admin_only %}
        <div class="register-link">
          <a href="{{ path('user.register') }}"><i class="fas fa-user" aria-hidden="true"></i> {{ 'Register a new account'|t }}</a>
        </div>
      {% endif %}
        <div class="back-link">
          <a href="{{ url('<front>') }}"><i class="fas fa-home" aria-hidden="true"></i> {{ 'Back to'|t }}  {{ site_name }}</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock main %}