{% extends 'base.html.twig' %}
{% block body %}
    {#----------------------------HEAD------------------------------------------#}
    <section class="container-fluid">
        <div class="row">
            <div class="col">
                <h1 class="text-primary"><b>Musikatresna aukeraketa</b></h1>
            </div>
            {# <div class="col">
                <h5 class="text-info">Bilatu ikaslea: </h5>
                <input type="text" id="form_bilatu" name="form[bilatu]" class="form-control" value="" placeholder="Idatzi hemen ikaslea bilatzeko">
            </div> #}
        </div>
        <br>
    </section>

    {#----------------------------MAIN------------------------------------------#}
    <section class="container">
        <div class="row">
            <div id="datuak" class="col">
                <div class="table-responsive"><table class="table table-sm table-bordered">
                    <thead>
                        <tr class="bg-success text-light">
                            <th>Ikaslea</th>
                            <th>Ikasgaia</th>
                            <th>Itx. zerrenda Ord.</th>
                            <th>1. aukera</th>
                            <th>2. aukera</th>
                            <th>Ikasturtea</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for musikatresna in musikatresnas %}
                    <tr valign="MIDDLE" class="{% if musikatresna.ikasgaia == musikatresna.aukera1 %}text-success{% elseif musikatresna.ikasgaia == musikatresna.aukera2 and musikatresna.aukera2 %}text-info{% else %}text-danger{% endif %}">
                                <td>{{ musikatresna.pertsonala.izenabizenak }}</td>
                            <td>{{ musikatresna.ikasgaia }}</td>
                                <td style="width:50px;">
                                    <input type="number" min=1 step=1 class="form-control" onblur="gordemusikatresnaaukeraketa(event,{{musikatresna.id}},'itxarotezerrendaordena',this.value)" value="{{ musikatresna.itxarotezerrendaordena }}">
                                </td>
                                <td>{{ musikatresna.aukera1 }}</td>
                                <td>{{ musikatresna.aukera2 }}</td>
                                <td>{{ musikatresna.ikasturtea }}</td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="10"><h3 class="text-danger text-center">Ez dira daturik aurkitu</h3></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table></div>
            </div>
        </div>
    </section>
{% endblock %}

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