{#
/**
 * @file
 * Theme override to display a single page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.html.twig template in this directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - base_path: The base URL path of the Drupal installation. Will usually be
 *   "/" unless you have installed Drupal in a sub-directory.
 * - is_front: A flag indicating if the current page is the front page.
 * - logged_in: A flag indicating if the user is registered and signed in.
 * - is_admin: A flag indicating if the user has permission to access
 *   administration pages.
 *
 * Site identity:
 * - front_page: The URL of the front page. Use this instead of base_path when
 *   linking to the front page. This includes the language domain or prefix.
 *
 * Page content (in order of occurrence in the default page.html.twig):
 * - node: Fully loaded node, if there is an automatically-loaded node
 *   associated with the page and the node ID is the second argument in the
 *   page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - page.header: Items for the header region.
 * - page.primary_menu: Items for the primary menu region.
 * - page.secondary_menu: Items for the secondary menu region.
 * - page.highlighted: Items for the highlighted content region.
 * - page.help: Dynamic help text, mostly for admin pages.
 * - page.content: The main content of the current page.
 * - page.sidebar_first: Items for the first sidebar.
 * - page.sidebar_second: Items for the second sidebar.
 * - page.footer: Items for the footer region.
 * - page.breadcrumb: Items for the breadcrumb region.
 *
 * @see template_preprocess_page()
 * @see html.html.twig
 */
#}

{% set user_entity = drupal_entity('user', user.id, 'default') %}
{% set user_field = user_entity['#user'].getFields().field_full_name %}
{% set url = url('<current>') %}

  
<div class="layout-container">

  {% if ('user/login' not in url|render|render and 'user/password' not in url|render|render) %}
  <header role="banner">
        <div id="menu-toggle" class="only-big-mobile">
        <div id="hamburger">
          <span></span>
          <span></span>
          <span></span>
        </div>
        <div id="cross">
          <span></span>
          <span></span>
        </div>
      </div>
      <div class="titles">
        <div class="website-description"><a href="/"><img src="/themes/docit/images/logo-docit.svg"></a></div>
      </div>
      {% if user.hasPermission('create procedure content') %}
        <div class="add-content">
          <a href="/node/add/procedure"><div class="plus">+</div></a>
          <div class="tooltip">
            <div class="tooltip-wrapper">
              {#<div class="tooltip-label">{{ "operations"|t }}</div>#}
              <div class="procedure"><a href="/node/add/procedure">{{ "New procedure"|t }}</a></div>
              {#<div class="form"><a href="/node/add/form">{{ "New form"|t }}</a></div>#}
            </div>
          </div>
        </div>
      {% endif %}
      {% if logged_in %}
        <div class="alert">
          <div class="image">
            <img src="/themes/docit/images/alert.svg">
            {% set messageResults = drupal_view_result('messages', 'block_2') %}
            {% if messageResults|length > 0 %}
              <div class="count">{{ messageResults|length }}</div>
            {% endif %}
          </div>
          <div class="messages-view">{{ drupal_block('views_block:messages-block_1') }}</div>
        </div>
      {% endif %}
      <div class="user only-big-desktop">
        {% if logged_in %}
          <div class="user-name">
            <div class="user-image">
              {% if userimage %}
                <img src="{{ userimage|image_style('person') }}"/>
              {% else %}
                <img src="/themes/docit/images/profile-user.svg">
              {% endif %}
            </div>
            <div class="name-logout">
              <div class="name">
                <a href="/user/{{ user.id }}/edit">{{ user.displayname  }}</a>
              </div>
              <div class="logout"><a href="/user/logout">{{"Log out"|t }}</a></div>
            </div>
          </div>
        {% endif %}
      </div>
      <div class="menu-wrapper">
        <div class="user only-big-mobile">
          {% if logged_in %}
            <div class="user-name">
              <div class="user-image">
                {% if userimage %}
                  <img src="{{ userimage|image_style('person') }}"/>
                {% else %}
                  <img src="/themes/docit/images/profile-user.svg">
                {% endif %}
              </div>
              <div class="name-logout">
                <div class="name">
                  {{ user.displayname  }}
                </div>
                <div class="logout"><a href="/user/logout">{{"Log out"|t }}</a></div>
              </div>
            </div>
          {% endif %}
        </div>
        {{ page.menu }}
        <div class="credit">powered by <a href="https://comrax.com" target="_blank">comrax</a></div>
      </div>
  </header>
{% endif %}

  <main role="main">
  {{ page.message }}

    {% if (('node/add/procedure' in url|render|render) or ('user' in url|render|render)) %}
      {% if ('user/login' not in url|render|render and 'user/password' not in url|render|render) and ('edit' not in url|render|render) %}
        <h1 class="regular page-title width-wrapper">{{ page['#title'] }}</h1>
        {% endif %}
    {% endif %}

    {% if 'admin/structure/webform' in url|render|render or '/node/add/form' in url|render|render or content_type=="form" or (content_type=="form" and '/edit' in url|render|render) %}
      <h1 class="light page-title width-wrapper">{{ "Forms"|t }}</h1>
    {% endif %}
    {% if 'admin/people' in url|render|render %}
      {% if 'create' in url|render|render %}
        <h1 class="regular page-title width-wrapper">{{ page['#title'] }}</h1>
      {% else %}
        <h1 class="regular page-title width-wrapper">{{ "Admin People"|t }}</h1>
      {% endif %}
    {% endif %}
    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
        {% if ('user/login' in url|render|render) %}
          <div class="region-content-wrapper">
            <section class="section">
              <h1 class="page-title"><span>{{ "Entering the personal area"|t }}</span></h1>
              <div class="sub-title">{{ "To connect please enter the requested details"|t }}</div>
              {{ page.content }}
              {# <div class="link-pass">
                <a href="{{ base_url_lang }}/user/password">{{ "Forgot password?"|t }}</a>
              </div> #}
            </section>
          </div>
        {% endif %}
        {#
        {% if 'user/password' in url|render|render %}
          <h1 class="page-title"><span>{{ "Forgot your password?"|t }}</span></h1>
          <div class="region-content-wrapper block-forgot-password">
            <div class="item-list forgot-password">
              <ul>
                <li><div class="active" id="login_password">{{ "Login with password"|t }}</div></li>
                <li><div id="login_code"><a href="/?code=true">{{ "Login with one time code"|t }}</a></div></li>
              </ul>
            </div>
            <section class="section">
              <div class="sub-title">{{ "Submit you email address and we'll send you a link to your to reset your password"|t }}</div>
              {{ page.content }}
              <div class="link-login">
                <a href="{{ base_url_lang }}/user/login">{{ "Back to log in"|t }}</a>
              </div>
            </section>
          </div>
        {% endif %}
  #}

    {% if page.sidebar_first %}
      <aside class="layout-sidebar-first" role="complementary">
        {{ page.sidebar_first }}
      </aside>
    {% endif %}
    
    <div class="layout-content">
        {{ page.content_top }}
        <div class="region-content-wrapper not-in-user">
          {{ page.tabs_area }}
          {% if is_front or node.id=="149" %}
            <div class="hello">
              {{ "Hello"|t }}
              {{ user.displayname  }},
            </div>
            {{ page.top }}
            {% if logged_in %}
              {{ drupal_view('status', 'block_1') }}
            {% endif %}
          {% endif %}
          {% if  'revisions' in url|render|render %}
            {{ page.title }}
          {% endif %}
          {% if ('user/login' not in url|render|render and 'user/password' not in url|render|render) %}
            {{ page.primary_admin }}
            {{ page.content }}
            {#{% if not isAdminOrEditor and logged_in %}
                  {{ drupal_view('top_node_edit', 'block_3') }}
            {% endif %}#}
            {{ page.content_center }}
          {% endif %}
          {% if logged_in and is_front %}
              <div class="front-content">
                <div class="chart-wrapper">
                  <div class="label">{{ "Involvement of users in signing the procedures"|t }}</div>
                  <div class="chart-tabs">
                    <div class="tab active" data="chapters">{{ "Chapters"|t }}</div>
                    <div class="tab" data="status">{{ "Status"|t }}</div>
                    <div class="tab" data="responsible">{{ "Unit"|t }}</div>
                  </div>
                  <div class="chart-graphs">
                    <div class="chapters active">{{ drupal_view('new_graph', 'block_1') }}</div>
                    <div class="status">{{ drupal_view('new_graph', 'block_2') }}</div>
                    <div class="responsible">{{ drupal_view('pie_responsible', 'block_1') }}</div>
                  </div>
                </div>
                <div class="boxes">
                  <div class="box block_1"><div class="number">{{ drupal_view_result('home_cube', 'block_1')|length }}</div><div class="label">{{ "Procedures whose signature date has passed"|t }}</div></div>
                  <div class="box block_2"><div class="number">{{ drupal_view_result('home_cube', 'block_2')|length }}</div><div class="label">{{ "New procedures updated this month"|t }}</div></div>
                  <div class="box block_3"><div class="number">{{ drupal_view('home_cube', 'block_3') }}d</div><div class="label">{{ "Average time to sign a procedure"|t }}</div></div>
                  <div class="box block_4"><div class="number">{{ drupal_view('home_cube', 'block_4') }}d</div><div class="label">{{ "Average time for distribution of the procedure and its approval by the employees"|t }}</div></div>
                </div>
                <div class="messages-view">
                  {{ drupal_view('messages', 'block_1') }}
                </div>  
              </div>
          {% endif %}
          <div class="left-content"></div>
          {{ page.content_center_link }}
        </div>
        {{ page.content_bottom }}
    </div>{# /.layout-content #}

    {% if page.sidebar_second %}
      <aside class="layout-sidebar-second" role="complementary">
        {{ page.sidebar_second }}
      </aside>
    {% endif %}

  </main>

</div>{# /.layout-container #}
{{ page.tabs }}
{#
{% if ('user/login' not in url|render|render and 'user/password' not in url|render|render) %}
  <footer>
    <div class="width-wrapper">
      {{ page.footer }}
    </div>
  </footer>
{% endif %}
#}