{% extends 'base.html.twig' %}
{% block body %}
    <div id="main" class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col">
                <h1 class="text-primary"><b>LOPD bete gabe</b></h1>
            </div>
            <div class="col">
                <a href="{{path('inprimatuLOPDgabe')}}" class="btn btn-warning btn-sm float-right" ><i class="fas fa-print"></i> Inprimatu</a>
            </div>
        </div>

        {#----------------------------DATUAK------------------------------------------#}
        <div class="row">
            <section class="col-12">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>idIkaslea</th>
                            <th>Ikaslea</th>
                            <th>baimenalopd</th>
                            <th>W</th>
                            <th>Mobila</th>
                            <th>W</th>
                            <th>guraso1mobila</th>
                            <th>W</th>
                            <th>guraso2mobila</th>
                            <th>W</th>
                            <th>bestemobila1</th>
                            <th>W</th>
                            <th>bestemobila2</th>
                            <th>EGOERA</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for pertsonala in pertsonalas %}
                            <tr>
                                <td>{{ pertsonala.idIkaslea }}</td>
                                <td>{{ pertsonala.izenabizenak }}</td>

                                {# IKASLEA #}
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'baimenaLOPD',this.value);">>
                                        <option value="" {% if pertsonala.baimenaLOPD is null %} selected {% endif %}></option>
                                        <option value="EZ" {% if pertsonala.baimenaLOPD is not null and pertsonala.baimenaLOPD == "EZ" %} selected {% endif %}>EZ</option>
                                        <option value="BAI" {% if pertsonala.baimenaLOPD == "BAI" %} selected {% endif %}>BAI</option>
                                        <option value="Agiria bete gabe" {% if pertsonala.baimenaLOPD is not null and pertsonala.baimenaLOPD == "Agiria bete gabe" %} selected {% endif %}>Agiria bete gabe</option>
                                    </select>
                                </td>
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'whatsapp',this.value);">
                                        <option value="" {% if pertsonala.whatsapp is null %} selected {% endif %}></option>
                                        <option value="0" {% if pertsonala.whatsapp is not null and pertsonala.whatsapp ==0 %} selected {% endif %}>Ez</option>
                                        <option value="1" {% if pertsonala.whatsapp %} selected {% endif %}>Bai</option>
                                    </select>
                                </td>
                                <td>{{ pertsonala.mobila }}</td>

                                {# TUTORE 1 #}
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'guraso1whatsapp',this.value);">>
                                        <option value="" {% if pertsonala.guraso1whatsapp is null %} selected {% endif %}></option>
                                        <option value="0" {% if pertsonala.guraso1whatsapp is not null and pertsonala.guraso1whatsapp ==0 %} selected {% endif %}>Ez</option>
                                        <option value="1" {% if pertsonala.guraso1whatsapp %} selected {% endif %}>Bai</option>
                                    </select>
                                </td>
                                <td>{{pertsonala.guraso1mobila}}</td>

                                {# TUTORE 2 #}
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'guraso2whatsapp',this.value);">>
                                        <option value="" {% if pertsonala.guraso2whatsapp is null %} selected {% endif %}></option>
                                        <option value="0" {% if pertsonala.guraso2whatsapp is not null and pertsonala.guraso2whatsapp ==0 %} selected {% endif %}>Ez</option>
                                        <option value="1" {% if pertsonala.guraso2whatsapp %} selected {% endif %}>Bai</option>
                                    </select>
                                </td>
                                <td>{{pertsonala.guraso2mobila}}</td>

                                {# bestemobila1 #}
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'bestemobila1whatsapp',this.value);">>
                                        <option value="" {% if pertsonala.bestemobila1whatsapp is null %} selected {% endif %}></option>
                                        <option value="0" {% if pertsonala.bestemobila1whatsapp is not null and pertsonala.bestemobila1whatsapp ==0 %} selected {% endif %}>Ez</option>
                                        <option value="1" {% if pertsonala.bestemobila1whatsapp %} selected {% endif %}>Bai</option>
                                    </select>
                                </td>
                                <td>{{pertsonala.bestemobila1}}</td>

                                {# bestemobila2 #}
                                <td>
                                    <select class="form-select" onchange="gordePertsonala(event,{{pertsonala.idIkaslea}},'bestemobila2whatsapp',this.value);">>
                                        <option value="" {% if pertsonala.bestemobila2whatsapp is null %} selected {% endif %}></option>
                                        <option value="0" {% if pertsonala.bestemobila2whatsapp is not null and pertsonala.bestemobila2whatsapp ==0 %} selected {% endif %}>Ez</option>
                                        <option value="1" {% if pertsonala.bestemobila2whatsapp %} selected {% endif %}>Bai</option>
                                    </select>
                                </td>
                                <td>{{pertsonala.bestemobila2}}</td>
                                {#  #}
                                <td>{% if pertsonala.egoera %}ALTA{% else %}BAJA{% endif %}</td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="27"><h3 class="text-danger">Ez dira datuak aurkitu</h3></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </section>
        </div>
    </div>
{% endblock %}

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