<div class="page">
  <div class="header">
    <div>
      <h1 class="title">{{ title }}</h1>
      <h2 class="subtitle">{{ subtitle }}</h2>
    </div>
      <div class="meta">
        <span>Key {{ key }}</span><br>
        {% if tempo.is_some() && time.is_some() %}
          <span>{{ tempo.unwrap() }} BPM in {{ time.unwrap().0 }}/{{ time.unwrap().1 }}</span>
        {% endif %}
        {% if tempo.is_some() && time.is_none() %}
          <span>{{ tempo.unwrap() }} BPM</span>
        {% endif %}
        {% if tempo.is_none() && time.is_some() %}
          <span>{{ time.unwrap().0 }}/{{ time.unwrap().1 }}</span>
        {% endif %}
      </div>
  </div>
  <div class="columns">
    {% for section in sections %}
      {{ section }}
    {% endfor %}
  </div>
  {% if copyright.is_some() %}
  <div class="footer">
    <span class="copyright">{{ copyright.as_ref().unwrap() }}</span>
  </div>
  {% endif %}
</div> 
