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

{% block body %}
    <div class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-6">
                <h1 class="text-primary"><b>M/K/T/irakaslea/eskeintza aldatu</b></h1>
            </div>
            <div class="col">
                <a href="{{path('eskeintzagabealdatu')}}" class="btn btn-primary"><i class="fas fa-fill"> Eskeintza/irakasle gabe</i></a>
            </div>
            <div class="col-auto text-center">
                <span class="text-dark">Ordutegia OK / </span> <span class="text-danger"> Ordutegi gabe</span>
                <br><br>
                <a id="aldatzekoErakutsi" class="btn btn-warning"><i class="fas fa-fill"> Guztiak bete</i></a>
            </div>
        </div>

        {#----------------------------MAIN------------------------------------------#}
        <div class="row">
            {#----------------------------DATOS------------------------------------------#}
            <div id="datuak" class="col-12">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th><a id="bilatzekoErakutsi" class="btn btn-info"><i class="fas fa-search"></i></a></th>

                            <th>{{ knp_pagination_sortable(pagination, 'Ikaslea', 'p.izenabizenak')}}</th>
                            <th>{{ knp_pagination_sortable(pagination, 'Ikasgaia', 'i.ikasgaia')}}</th>
                            <th>{{ knp_pagination_sortable(pagination, 'Maila', 'a.maila')}}</th>
                            <th>{{ knp_pagination_sortable(pagination, 'Kurtsoa', 'a.kurtsoa')}}</th>
                            <th>{{ knp_pagination_sortable(pagination, 'Taldea', 'a.taldea')}}</th>
                            {# <th>{{ knp_pagination_sortable(pagination, 'Irakaslea', 'r.izenabizenak')}}</th> #}
                            <th>{{ knp_pagination_sortable(pagination, 'Nota Inprimatu', 'a.notaInprimatu')}}</th>
                            <th>{{ knp_pagination_sortable(pagination, 'Eskeintza', 'e.zerrenda')}}</th>
                        </tr>

                        <tr id="bilatzekotr" class="form-group-sm hidden">
                            <form action="akademikoaaldatu" method="GET" id="form_bilatu">
                                <th><button type="submit"><i class="fas fa-caret-square-right"></i></button></th>
                                <th><input type="text" id="bilatu_izenabizenak" name="izenabizenak" class="form-control bilatzen" value=""></th>
                                <th><input type="text" id="bilatu_ikasgaia" name="ikasgaia" class="form-control bilatzen" value=""></th>
                                <th><input type="text" id="bilatu_maila" name="maila" class="form-control bilatzen" value=""></th>
                                <th><input type="text" id="bilatu_kurtsoa" name="kurtsoa" class="form-control bilatzen" value=""></th>
                                <th><input type="text" id="bilatu_taldea" name="taldea" class="form-control bilatzen" value=""></th>
                                {# <th><input type="text" id="bilatu_irakaslea" name="irakaslea" class="form-control bilatzen" value=""></th> #}
                                <th><input type="text" id="bilatu_notaimprimatu" name="notaImprimatu" class="form-control bilatzen" value=""></th>
                                <th><input type="text" id="bilatu_eskeintza" name="eskeintza" class="form-control bilatzen" value=""></th>
                            </form>
                        </tr>
                        <tr id="aldatzekotr" class="form-group hidden bg-light">
                            <th colspan="7"></th>
                            <th>
                                <select id="aldatuNotaInprimatu" name="notaInprimatu" class="form-select text-danger" onchange="aldatuGuztientzat(event,'notaInprimatu', this.value)">
                                    <option value="">Nota imprimatu?</option>
                                    <option value="1">Bai</option>
                                    <option value="0">Ez</option>
                                </select>
                            </th>
                            <th>
                                <select id="aldatuEskeintza" name="eskeintza" class="form-select text-danger text-bold" onchange="aldatuGuztientzat(event, 'eskeintza', this.value)">
                                    <option value="">Denak</option>
                                    {% for eskeintza in eskeintzas %}
                                        <option value="{{eskeintza.idEskeintza}}">{{eskeintza.zerrenda}}</option>
                                    {% endfor %}
                                </select>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for akademikoa in pagination %}
                        <tr class="{% if akademikoa.ordutegiIzena is not null %} text-dark {% else %} text-danger {% endif %}">

                            <td>{{ akademikoa.id }}</td>
                            <td style="min-width:250px">{{ akademikoa.pertsonala.izenabizenak }}</td>
                            <td style="min-width:250px">{{ akademikoa.ikasgaia }}</td>
                            <td>
                                <input type="number" min="1" max="6" step="1" class="form-control"
                                    onblur="aldatudatuakademikoak(event,{{akademikoa.id}},'maila',this.value)"
                                    value="{{ akademikoa.maila ? akademikoa.maila : '' }}">
                            </td>

                            <td>
                                <input type="number" min="1" max="6" step="1" class="form-control"
                                    onblur="aldatudatuakademikoak(event,{{akademikoa.id}},'kurtsoa',this.value)"
                                    value="{{ akademikoa.kurtsoa ? akademikoa.kurtsoa : '' }}">
                            </td>
                            <td>
                                <input type="text" class="form-control"
                                    onblur="aldatudatuakademikoak(event,{{akademikoa.id}},'taldea',this.value)"
                                    value="{{ akademikoa.taldea ? akademikoa.taldea : '' }}">
                            </td>

                            {# <td>{{ akademikoa.irakaslea }}</td> #}

                            <td>
                                <select id="aldatuNotaInprimatu" name="notaInprimatu" class="form-select notaInprimatu" onchange="aldatudatuakademikoak(event,'{{akademikoa.id}}','notaInprimatu', this.value)">
                                    <option value="" {% if akademikoa.notaInprimatu is null %} selected {% endif %}>Nota imprimatu?</option>
                                    <option value="1" {% if akademikoa.notaInprimatu == "1" %} selected {% endif %}>Bai</option>
                                    <option value="0" {% if akademikoa.notaInprimatu == "0" %} selected {% endif %}>Ez</option>
                                </select>
                            </td>
                            <td>
                                <select id="aldatuEskeintza" name="eskeintza" class="form-select eskeintza" onchange="aldatuEskeintza(event,'{{akademikoa.id}}',this.value)">
                                    <option value="" {% if akademikoa.eskeintza is null %} selected {% endif %}>Aukeratu eskeintza</option>
                                    {% for eskeintza in eskeintzas %}
                                        {% if eskeintza.ikasgaia == akademikoa.ikasgaia %}
                                            <option value="{{eskeintza.idEskeintza}}"
                                                {% if akademikoa.eskeintza is not null and eskeintza.idEskeintza == akademikoa.eskeintza.idEskeintza %} selected {% endif %}>
                                                {{eskeintza.zerrenda}}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                                    {# akademikoa.eskeintza #}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="27"><h3 class="text-danger text-center">Ez dira daturik aurkitu</h3>
                            {#dql#}
                        </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                {# NAVIGATION #}
                <div class="navigation">
                        {{ knp_pagination_render(pagination) }}
                </div>

            </div>{#FIN COL PRAL#}
        </div>{#FIN ROW PRAL#}
    </div>{#FIN CONTAINER#}
{% endblock %}


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