{% extends 'base.html.twig' %}
{% block title %}Hymn Arranger List!{% endblock %}
{% block pageId %}arrangers_info{% endblock %}
{% block body %}
<div class="card">
<h2 class="card-header page-title" title="arrangers">Hymn Arrangers</h2>
<div id="accordion" class="accordion">
<div class="card">
{%
set currFL = arrangers[0].Fullname|upper|slice(0, 1)
%}
{%
if currFL is same as('(')
%}
<div class="hymn-list-header" id="headingSymbol">
<button class="btn btn-block text-left" type="button" data-toggle="collapse"
data-target="#collapseSymbol" aria-expanded="true"
aria-controls="collapseSymbol"><span class="h4 m-0">{{ currFL }}</span></button>
</div>
<div id="collapseSymbol" class="collapse" aria-labelledby="headingSymbol" data-parent="#accordion">
{% else %}
<div class="hymn-list-header" id="heading{{ currFL }}">
<button class="btn btn-block text-left" type="button" data-toggle="collapse"
data-target="#collapse{{ currFL }}" aria-expanded="true"
aria-controls="collapse{{ currFL }}">
<span class="h4 m-0">{{ currFL }}</span>
</button>
</div>
<div id="collapse{{ currFL }}" class="collapse" aria-labelledby="heading{{ currFL }}" data-parent="#accordion">
{% endif %}
{% for arranger in arrangers %}
{% if(currFL < arranger.Fullname|slice(0, 1)|upper) %}
{% set currFL = arranger.Fullname|slice(0, 1)|upper %}
</div>
</div>
<div class="card">
<div class="hymn-list-header" id="heading{{ currFL }}">
<button class="btn btn-block text-left" type="button" data-toggle="collapse"
data-target="#collapse{{ currFL }}" aria-expanded="true" aria-controls="collapse{{ currFL }}">
<span class="h4 m-0">{{ currFL }}</span>
</button>
</div>
<div id="collapse{{ currFL }}" class="collapse" aria-labelledby="heading{{ currFL }}" data-parent="#accordion">
{% endif %}
<a class="hymn-info-link"
href="{{ path('authcomp', {'type': 'Arranger', 'id': arranger.Id} ) }}">{{ arranger.Fullname }}</a>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}