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

{% block body %}
    <section class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-6">
                <h1 class="text-primary"><b>Ohar zerrenda</b></h1>
            </div>
            <div class="col-6">
                <br><br><a href="{{ path('oharberria')}}" class="btn btn-info"><i class="fas fa-plus"></i> Ohar berria</i></a>
            </div>
        </div>
        <br><br>
        {#----------------------------MAIN------------------------------------------#}
        <div class="row">
            {#----------------------------CONTENIDO------------------------------------------#}
            <div class="col-4">
                {% set oldikasturtea = "" %}
                {% for oharra in oharras %}
                    {% if oldikasturtea != oharra.ikasturtea %}
                        {% if oldikasturtea != "" %}</div>{% endif %}
                        {% set oldikasturtea = oharra.ikasturtea %}
                        <div class="card p-0 mb-1">
                            <div class="card-body p-1 m-0 bg-light row">
                                <div class="col">{{oharra.ikasturtea}}</div>
                                <div class="col-auto">
                                    <a class="btn btn-sm btn-primary" data-bs-toggle="collapse" href="#oharra_{{oharra.id}}" role="button" aria-expanded="false" aria-controls="oharra_{{oharra.id}}">
                                        <i class="fas fa-angle-double-down"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="collapse p-2" id="oharra_{{oharra.id}}">
                    {% endif %}
                    <div class="row mb-1">
                        <div class="col-auto">
                            <a href="{{ path ('oharraaldatu', {'oharra' : oharra.id})}}" class="btn btn-sm btn-primary"><i class="fas fa-pencil-alt"></i> </a>
                            <button class="btn btn-sm btn-warning" onclick="gorde(event,{{oharra.id}});"><i class="fas fa-clone"></i> </button>
                            <a href="{{ path ('oharranoribidali', {'oharra' : oharra.id})}}" class="btn btn-sm btn-secondary"><i class="fas fa-users"></i></a>
                            {# <button class="btn btn-sm btn-secondary" onclick="ezabatuGela(event,{{oharra.id}});"><i class="fas fa-trash-alt"></i> </button> #}
                        </div>
                        <div class="col">
                            {{ oharra.gaia }}
                        </div>
                        <div class="col-2">
                            {{ oharra.data|date("Y-m-d") }}
                        </div>
                        <div class="col-auto">
                            <button class="btn btn-sm btn-info" onclick="aurrekusioharra(event,{{oharra.id}});"><i class="fas fa-eye"></i> </button>
                        </div>
                    </div>
                {% endfor %}
                </div>{# FIN collapse#}
            </div>
            <div id="aurrekusi" class="col"></div>
        </div>
    </section>
{% endblock %}

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