{#
/**
 * @file
 * Template de página do micro-site pessoal.
 *
 * Renderiza apenas as regiões — a estrutura HTML completa (html, head, body)
 * é responsabilidade do html.html.twig herdado do tema base (stable9).
 *
 * Variáveis adicionadas pelo site_users_microsite.module:
 * - microsite_user: entidade UserInterface do usuário dono do micro-site.
 * - microsite_user_name: nome de exibição do usuário (string).
 * - microsite_user_roles: array de roles do usuário (exceto 'authenticated').
 * - microsite_user_photo: render array da foto padrão (view mode 'thumbnail').
 */
#}
<div class="microsite-layout{% if page.social %} microsite-layout--has-social{% endif %}">

  {% if page.social %}
    <div class="social-bar">
      {{ page.social }}
    </div>
  {% endif %}

  <div class="microsite-content-area">

  {% if page.top_bar %}
    <div class="microsite-top-bar" role="navigation" aria-label="{{ 'User account menu'|t }}">
      {{ page.top_bar }}
    </div>
  {% endif %}

  {# Header: blocos configurados no admin OU header padrão gerado com dados do usuário. #}
  {% if page.header %}
    <header class="microsite-header" role="banner">
      {{ page.header }}
    </header>
  {% elseif microsite_user is defined %}
    <header class="microsite-header microsite-header--default" role="banner">
      <div class="microsite-header__inner">
        {% if microsite_user_photo is defined %}
          <div class="microsite-header__photo">
            {{ microsite_user_photo }}
          </div>
        {% endif %}
        <div class="microsite-header__info">
          <h1 class="microsite-header__name">{{ microsite_user_name }}</h1>
          {% if microsite_user_roles %}
            <ul class="microsite-header__roles">
              {% for role in microsite_user_roles %}
                <li class="microsite-header__role">{{ role }}</li>
              {% endfor %}
            </ul>
          {% endif %}
        </div>
      </div>
    </header>
  {% endif %}

  {% if page.nav %}
    <nav class="microsite-nav" role="navigation" aria-label="{{ 'User page menu'|t }}">
      {{ page.nav }}
    </nav>
  {% endif %}

  {% if page.highlighted %}
    <div class="microsite-highlighted">
      {{ page.highlighted }}
    </div>
  {% endif %}

  <nav class="microsite-nav" aria-label="{{ 'User site navigation'|t }}">
    {{ page.tabs }}
  </nav>

  {% if page.messages %}
    <div class="microsite-messages">
      {{ page.messages }}
    </div>
  {% endif %}

  <div class="microsite-main-wrapper{% if page.sidebar %} microsite-main-wrapper--has-sidebar{% endif %}">
    <main id="main-content" class="microsite-main" role="main">
      {{ page.content }}
    </main>

    {% if page.sidebar %}
      <aside class="microsite-sidebar">
        {{ page.sidebar }}
      </aside>
    {% endif %}
  </div>

  {% if page.footer %}
    <footer class="microsite-footer">
      {{ page.footer }}
    </footer>
  {% endif %}

  </div>{# fim .microsite-content-area #}

</div>