vartheme_bs5-2.0.x-dev/src/components/pages/pageUserPassword/pageUserPassword.twig

{#
/**
 * @file
 * Template for the main page.
 * Available config:
 *  - is_front: true | false -> to determine if page is front or not
 */
#}
<div class="page d-flex flex-column">
  {% embed '@organisms/navbar/navbar.twig' with {
    placement: 'sticky-top',
    container: 'fixed',
    color: 'light',
    utility_classes: ['bg-light'],
  } %}

    {% block branding %}
      {% if page.navbar_branding %}
        {{ page.navbar_branding }}
      {% endif %}
    {% endblock %}

    {% block left %}
      {% if page.navbar_left %}
        <div class="me-auto">
          {{ page.navbar_left }}
        </div>
      {% endif %}
    {% endblock %}

    {% block right %}
      {% if page.navbar_right %}
        <div class="ms-auto">
          {{ page.navbar_right }}
        </div>
      {% endif %}
    {% endblock %}
  {% endembed %}


  <main>
    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}

    <div role="main" class="main-container {{ container }}">
      <div class="row justify-content-center">
        <div id="auth-box" class="login col-10 col-lg-4 col-xl-3">
          <h1 id="page-user-password-title" class="visually-hidden">{{ title }}</h1>
          <div id="top-part">

          </div>
          <div id="middle-part">
            {% if logged_in %}
              {{ page.content_above|without(
                'vartheme_bs5_local_tasks',
                'vartheme_bs5_breadcrumbs',
                'vartheme_bs5_local_actions')
              }}
            {% else %}
              <h2 class="title">{{ title }}</h2>
              {{ page.content_above|without(
                'vartheme_bs5_local_tasks',
                'vartheme_bs5_breadcrumbs',
                'vartheme_bs5_local_actions',
                'vartheme_bs5_page_title')
              }}
            {% endif %}
            {{ page.content }}
          </div>
          <div id="bottom-part">
          {% if not logged_in %}
            <div class="login-link">
              <a href="{{ path('user.login') }}"><i class="fas fa-sign-in-alt" aria-hidden="true"></i> {{ 'Login'|t }}</a>
            </div>
          {% endif %}
          {% 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>
  </main>

  <footer class="footer">
    {% if page.footer_top %}
      {% include "@organisms/footer/footer.twig" with {
        content: page.footer_top,
        utility_classes: ['footer-top']
      } %}
    {% endif %}

    {% if page.footer_bottom %}
      {% include "@organisms/footer/footer.twig" with {
        content: page.footer_bottom,
        utility_classes: ['footer-bottom']
      } %}
    {% endif %}
  </footer>
</div>