{%- if doc.events %}
<section class="api-section">
  <h2>Events</h2>
  <ul class="events">
    {%- for event in doc.events %}
    <li id="{$ event.name $}">
      <h3>{$ event.name $}</h3>
      <div>{$ event.description | marked $}</div>
      {%- if event.eventType == 'listen' %}
      <div class="inline">
        <h4>Listen on: {$ event.eventTarget $}</h4>
      </div>
      {%- else %}
      <div class="inline">
        <h4>Type:</h4>
        <div class="type">{$ event.eventType $}</div>
      </div>
      <div class="inline">
        <h4>Target:</h4>
        <div class="target">{$ event.eventTarget $}</div>
      </div>
      {% endif -%}
    </li>
    {% endfor -%}
  </ul>
</section>
{% endif -%}
