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

{% block body %}
    <div class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-8">
                <h1 class="text-primary"><b>Gastuak</b></h1>
            </div>
            <div class="col-auto">
                <h6 class="text-info">Urtea:</h6>
            </div>
            <div class="col-auto">
                <select class="form-select" onchange="aldatuUrtea(event, this.value)">
                    {% for aukeratu in urteas %}
                        <option value="{{aukeratu.urtea}}" {% if aukeratu == urtea %} selected {% endif %}>{{aukeratu.urtea}}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-auto">
                {# <button type="button" class="btn btn-danger float-right"><i class="fas fa-plus"></i> Gastu berria</button> #}

                <div class="btn-group" role="group">
                    <button id="btnPartidak" type="button" class="btn btn-danger float-right dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fas fa-plus"></i> Gastu berria
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="btnPartidak">
                        {% for newpartida in partidas %}
                            <li><a class="dropdown-item" href="#" onclick="gastuBerria(event,{{newpartida.id}});">{{newpartida.partidaizena}}</a></li>
                        {% endfor %}
                    </ul>
                  </div>
            </div>
            <div class="col-auto">
                <form action="{{path('inprimatuikasturtekogastuak')}}" method="POST" target="_gastuak">
                    <select name="datosCurso" class="form-select">
                        {% for datosCurso in datosCursos %}
                            <option value="{{datosCurso.idDatosCurso}}" {% if datosCurso.idDatosCurso == urtea %} selected {% endif %}>{{datosCurso.ikasturtea}}</option>
                        {% endfor %}
                    </select>
                    <button type="submit" class="btn btn-sm btn-secondary">
                        <i class="fas fa-eye"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div id="datuak" class="container">
        {{ include('dirua/gastuafor.html.twig') }}
    </div>


{% endblock %}


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