{#
/**
 * @file
 * Template do bloco de cabeçalho do microsite.
 *
 * Variáveis:
 * - photo_url: URL absoluta da foto padrão (string|null).
 * - photo_alt: Texto alternativo da foto (string).
 * - name: Nome completo do usuário (string).
 * - roles: Array de rótulos das roles do usuário (string[]).
 * - bio: Biografia (string|null).
 * - phone: Telefone (string|null).
 * - email: E-mail (string|null).
 * - homepage: URL da página pessoal (string|null).
 * - lattes_id: ID do Currículo Lattes (string|null).
 * - orcid_id: ORCID iD (string|null).
 * - mathscinet_id: MathSciNet Author ID (string|null).
 */
#}
<div class="msite-header-block">

  <div class="msite-header-block__photo-wrap">
    {% if photo_url %}
      <img
        class="msite-header-block__photo"
        src="{{ photo_url }}"
        alt="{{ photo_alt }}"
      />
    {% else %}
      <div class="msite-header-block__photo msite-header-block__photo--initials" aria-hidden="true">
        {{ name|first|upper }}
      </div>
    {% endif %}
  </div>

  <div class="msite-header-block__info">

    <h1 class="msite-header-block__name">{{ name }}</h1>

    {% if bio %}
      <div class="msite-header-block__bio">{{ bio|raw }}</div>
    {% endif %}

    {% if phone or email %}
      <ul class="msite-header-block__contact">
        {% if phone %}
          <li class="msite-header-block__contact-item">
            <span class="msite-header-block__contact-label">{{ 'Telefone'|t }}:</span>
            <a href="tel:{{ phone }}">{{ phone }}</a>
          </li>
        {% endif %}
        {% if email %}
          <li class="msite-header-block__contact-item">
            <span class="msite-header-block__contact-label">{{ 'E-mail'|t }}:</span>
            <a href="mailto:{{ email }}">{{ email }}</a>
          </li>
        {% endif %}
      </ul>
    {% endif %}

    {% if homepage or lattes_id or orcid_id or mathscinet_id %}
      <div class="msite-header-block__academic-links">

        {% if homepage %}
          <a href="{{ homepage }}"
             class="msite-header-block__academic-link msite-header-block__academic-link--homepage"
             target="_blank" rel="noopener noreferrer"
             title="{{ 'Página pessoal'|t }}"
             aria-label="{{ 'Página pessoal'|t }}">
            {{ site_tools_academic_icon('home') }}
          </a>
        {% endif %}

        {% if lattes_id %}
          <a href="https://lattes.cnpq.br/{{ lattes_id }}"
             class="msite-header-block__academic-link msite-header-block__academic-link--lattes"
             target="_blank" rel="noopener noreferrer"
             title="{{ 'Currículo Lattes'|t }}"
             aria-label="{{ 'Currículo Lattes'|t }}">
            {{ site_tools_academic_icon('lattes') }}
          </a>
        {% endif %}

        {% if orcid_id %}
          <a href="https://orcid.org/{{ orcid_id }}"
             class="msite-header-block__academic-link msite-header-block__academic-link--orcid"
             target="_blank" rel="noopener noreferrer"
             title="{{ 'Perfil ORCID'|t }}"
             aria-label="{{ 'Perfil ORCID'|t }}">
            {{ site_tools_academic_icon('orcid') }}
          </a>
        {% endif %}

        {% if mathscinet_id %}
          <a href="https://mathscinet.ams.org/mathscinet/author?AuthorID={{ mathscinet_id }}"
             class="msite-header-block__academic-link msite-header-block__academic-link--mathscinet"
             target="_blank" rel="noopener noreferrer"
             title="{{ 'Perfil MathSciNet'|t }}"
             aria-label="{{ 'Perfil MathSciNet'|t }}">
            {{ site_tools_academic_icon('mathscinet') }}
          </a>
        {% endif %}

      </div>
    {% endif %}

  </div>

</div>