{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
{% assign header_cover_img = page.cover-img %}

{% if include.type == "post" and page.tags contains "WIALT" %}
  {% assign header_cover_img = false %}
{% endif %}

{% if header_cover_img %}
  <div id="header-big-imgs" data-num-img={% if header_cover_img.first %}{{ header_cover_img.size }}{% else %}1{% endif %}
    {% for bigimg in header_cover_img %}
    {% assign imgnum = forloop.index %}
    {% for imginfo in bigimg %}
    {% if imginfo[0] %}
      data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}"
      data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
    {% else %}
      data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}"
    {% endif %}
    {% endfor %}
    {% endfor %}
  ></div>
{% endif %}

<header class="header-section {% if header_cover_img %}has-img{% endif %}">
<div class="intro-header {% if header_cover_img %} big-img {% endif %}">
  {% if page.cover-img or page.title %}
  <div class="container-md">
    <div class="row">
      <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
        <div class="{{ include.type }}-heading">
          <h1>{% if page.title %}{{ page.title | strip_html }}{% else %}<br/>{% endif %}</h1>
          {% if page.subtitle %}
            {% if include.type == "page" %}
              <hr class="small">
              <span class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</span>
            {% else %}
              <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
            {% endif %}
          {% endif %}
          
          {% if include.type == "post" %} 
            {% if page.author %}
              By <strong>{{ page.author | strip_html }}</strong><br>
            {% endif%}
            <span class="post-meta">Posted on {% if page.display_date %}{{ page.display_date }}{% else %}{{ page.date | date: date_format }}{% endif %}</span>
            {% if page.last-updated %}
              <span class="post-meta">
                <span class="d-none d-md-inline middot">&middot;</span>
                Last updated {{ page.last-updated | date: date_format }}
              </span>
            {% endif %}
            {% if page.readtime %}
              {% include readtime.html %}
            {% endif %}
          {% endif %}
        </div>
      </div>
    </div>
  </div>
  {% endif %}
  {% if header_cover_img %}<span class='img-desc'></span>{% endif %}
</div>

{% if page.header-extra %}
  {% for file in page.header-extra %}
    {% include {{ file }} %}
  {% endfor %}
{% endif %}

</header>