{% extends 'base.html.twig' %}

{% block body %}
    <div class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-3">
                <h1 class="text-primary">Kontzertuak</b></h1>
            </div>
            <div class="col-6 text-center">
            </div>
            <div class="col-3 text-right">
                <a href="{{ path('kontzertuenzerrenda') }}" class="btn btn-info"><i class="fas fa-file-alt"></i> KONTZERTUEN ZERRENDA</a>
            </div>

        </div>
        <br>
    </div>
    <div class="container">
        {% set taldea = "TALDEA_HASI" %}
        {% set zatia = "ZATIA_HASI" %}
        <h2 class="text-danger mb-3">{{kontzertua.kontzertuarenIzena}} ({{kontzertua.ikasturtea}})</h2>
        {% for abestia in abestias %}
            {% if zatia != abestia.kontzertuarenZatia %}
                {% if zatia != "ZATIA_HASI" %}</div>{% endif %}
                {% if taldea != "TALDEA_HASI" %}</div>{% endif %}
                <div class="card shadow mb-4">
                    {% if abestia.kontzertuarenZatia != "" %}
                        <h3 class="text-primary card-header mb-3">{{abestia.kontzertuarenZatia}} ({{abestia.kontzertuarenDataordua|date("Y/m/d H:m")}})</h3>
                    {% else %}
                        <h3 class="text-primary card-header mb-3">{{abestia.kontzertuarenDataordua|date("Y/m/d H:m")}}</h3>
                    {% endif %}
                {% set taldea = "TALDEA_HASI" %}
                {% set zatia = abestia.kontzertuarenZatia %}
            {% endif %}

            {% if taldea != abestia.taldea %}
                {% if taldea != "TALDEA_HASI" %}</div>{% endif %}
                <div class="card mx-4 mb-3">
                    <h5 class="text-danger mb-2">{{abestia.taldea}}</h5>
                    <!--
                    <div class="row">
                        <div class="col-3 text-left"><h6>Izenburua</h6></div>
                        <div class="col-2"><h6>Egilea</h6></div>
                        <div class="col-2"><h6>Moldaketa</h6></div>
                        <div class="col-3"><h6>Bakarlariak</h6></div>
                        <div class="col-2 text-right"></div>
                    </div>
                    -->
                {% set taldea = abestia.taldea %}
            {% endif %}

            <div class="row">
                <div class="col-3 text-left">{{abestia.izenburua}}</div>
                <div class="col-2">{{abestia.egilea}}</div>
                <div class="col-2">{{abestia.moldaketa}}</div>
                <div class="col-3">{{abestia.bakarlariak}}</div>
                <div class="col-2 text-right">
                    <span>
                        {% if abestia.CDtrack > 0 %}
                            <audio id="audio_{{abestia.idAbestia}}" src="{{asset('/multimedia/' ~ abestia.kontzertua.cdUrl ~ '/' ~ (abestia.CDtrack < 10 ? '0':'') ~ abestia.CDtrack ~ '_' ~ abestia.izenburuaFile ~ '.' ~ abestia.kontzertua.audioFormato )}}"></audio>
                            <button id="btn_{{abestia.idAbestia}}" onclick="audioPlayPause({{abestia.idAbestia}});" class="btn btn-sm mb-1 {% if abestia.audiolinkok %} btn-success {% else %} btn-danger {% endif %}"><i class="fas fa-play"></i></button>
                        {% else %}
                            <a href="#" class="btn btn-sm mb-1 btn-secondary disabled"><i class="fas fa-volume-mute"></i></a>
                        {% endif %}

                        {% if abestia.DVDtrack > 0 %}
                            <a href="{{ path('ikusibideoa', {'idAbestia':abestia.idAbestia}) }}"
                        class="btn btn-sm mb-1 {% if abestia.bideolinkok %} btn-warning {% else %} btn-danger {% endif %}">
                                <i class="fas fa-video"></i></a>
                        {% else %}
                            <a href="#" class="btn btn-sm mb-1 btn-secondary disabled"><i class="fas fa-eye-slash"></i></a>
                        {% endif %}

                    </span>
                </div>
            </div>

            {% else %}
                <h2 class="text-danger text-center">Ez dira abestirik aukitu</h2>
            {% endfor %}

        </div>
    </div>
{% endblock %}


{% block javascripts %}
    <script src="{{ asset('js/multimedia/multimedia.js')}}"></script>
{% endblock %}