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

{% block title %}Multimedia{% endblock %}

{% block body %}

    <div class="container-fluid">
        {% set lastikasturtea = "" %}
        {% for kontzertua in kontzertuas %}
            {% if lastikasturtea != kontzertua.ikasturtea %}<br>
                <div class="card card-body mb-4 shadow bg-light">
                    <h4 class="text-danger">{{ kontzertua.ikasturtea }}</h4>
                </div>
                {% set lastikasturtea = kontzertua.ikasturtea %}
            {% endif %}
            <div class="row">
                <div class="col-auto"> <a href="{{ path('ikusikontzertua', {'idKontzertua': kontzertua.idKontzertua}) }}" class="btn btn-sm btn-secondary mb-1"><i class="fas fa-eye"></i></a> </div>
                <div class="col-auto">
                    {% if kontzertua.argazkiak and kontzertua.argazkiakUrl %}
                        <a href="{{ path('ikusiargazkiak', {'idKontzertua': kontzertua.idKontzertua}) }}" class="btn btn-sm btn-primary mb-1"><i class="far fa-images"></i></a>
                    {% else %}
                        <button class="btn btn-sm btn-primary mb-1" disabled><i class="far fa-images"></i></button>
                    {% endif %}
                </div>
                <div class="col-6"> {{ kontzertua.kontzertuarenIzena }} </div>
                <div class="col"> {{ kontzertua.DEFdataordua|date("Y-m-d") }} ({{ kontzertua.DEFdataordua|date("H:i") }}) </div>
                <div class="col"> {{ kontzertua.DEFlekua }} </div>
            </div>

        {% else %}
            <div class="col"> <h3 class="text-danger">Ez da ezer aurkitu </h3></div>
        {% endfor %}
    </div>

{% endblock %}


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