<%# locals: {template, annotation, question } %>
<div class="panel panel-default">
  <div class="panel-heading" role="tab" id="heading-annotation-<%= annotation.id %>">
    <h2 class="panel-title">
      <a role="button" data-toggle="collapse" 
         data-parent="accordion-guidances-<%= question.id %>" 
         href="#collapse-annotation-<%= annotation.id %>" 
         aria-controls="collapse-annotation-<%= annotation.id %>">

        <%= (template.org.abbreviation.present? ? template.org.abbreviation : template.org.name) %>
        <%= _('Guidance') %>

        <span class="fa fa-plus" aria-hidden="true"></span>
      </a>
    </h2>
  </div>
</div>

<div id="collapse-annotation-<%= annotation.id %>" class="panel-collapse collapse" 
     role="tabpanel" aria-labelledby="heading-annotation-<%= annotation.id %>">
  <div class="panel-body">
    <%= raw annotation.text %>
  </div>
</div>