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

{% block body %}


{% set idIkasturtea = app.session.get('idIkasturtea') %}
{% set cursoActual = app.session.get('ikasturtea') %}

<div class="container">
    {# PERTSONALAK #}
    {{  form_start(formPertsonala, {'attr': {'id': 'formPertsonala'}}) }}
        <h2 class="text-danger text-uppercase">{% trans into app.session.get('locale') %}Datuak baieztatu eta matrikula{% endtrans %}</h2><br>
        {{form_widget(formPertsonala.izenabizenak, {'attr': {'hidden': true } }) }}

        <div class="row card card-body shadow">
            {{ form_widget(formPertsonala._token) }}
            <input type="hidden" id="pasaidikaslea" name="pasaidikaslea" value="{{formPertsonala.vars.value.idIkaslea}}" />
            <input type="hidden" id="useremail" value="{{app.user.username}}" />

            {{ form_widget(formPertsonala.berria, {'attr': {'style': 'display:none'}} ) }}
            <div class="row">
                <div class="col">
                    <h3 class="text-info">
                        <b>{% trans into app.session.get('locale') %}Datu pertsonalak{% endtrans %}</b>
                    {% if is_granted("ROLE_ZUZENDARITZA") %} ({{formPertsonala.vars.value.idIkaslea}}) {% endif %}
                    </h3>
                </div>
            </div>
            <div class="row">
                <div class="col-4"><label><b>{% trans into app.session.get('locale') %}Izena {% endtrans %}</b></label> {{form_widget(formPertsonala.izena, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-4"><label><b>{% trans into app.session.get('locale') %}1. Abizena{% endtrans %}</b></label> {{form_widget(formPertsonala.abizena1, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-4"><label><b>{% trans into app.session.get('locale') %}2. Abizena{% endtrans %}</b></label> {{form_widget(formPertsonala.abizena2, {'attr': {'onchange': 'bloquea()' } }) }} </div>
            </div>
            <div class="row">
                <div class="col"><label><b>{% trans into app.session.get('locale') %}NAN{% endtrans %}</b></label>  {{form_widget(formPertsonala.nan, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Jaiotzedata{% endtrans %}</b></label> {{form_widget(formPertsonala.jaiotzedata, {'attr': {'onchange': 'jaiotzedataaldatu()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Sexua{% endtrans %}</b></label> {{form_widget(formPertsonala.sexua, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-2"><label><b>{% trans into app.session.get('locale') %}Fam. ugaria{% endtrans %}</b></label>{{form_widget(formPertsonala.familiaugaria, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                {% if appsetup.epemugaerakutsi %}
                    <div class="col-2"><label><b>{% trans into app.session.get('locale') %}Epe muga{% endtrans %}</b></label>{{form_widget(formPertsonala.familiaugariaepemuga, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                {% else %}
                    {% if is_granted('ROLE_ZUZENDARITZA') %}
                        <div class="col-2"><label><b>{% trans into app.session.get('locale') %}% desk.{% endtrans %}</b></label>{{form_widget(formPertsonala.zenbatekodeskontua, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                    {% endif %}
                {% endif %}
            </div>
            <div class="row">
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Informazioa hizkuntza{% endtrans %}</b></label>{{form_widget(formPertsonala.informazioahizkuntza, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Etxeko telefonoa{% endtrans %}</b></label> {{form_widget(formPertsonala.telefonoa, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Beste telefonoa{% endtrans %}</b></label> {{form_widget(formPertsonala.bestetelefonoa, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Ikaslearen Mobila{% endtrans %}</b></label> {{form_widget(formPertsonala.mobila, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                {% if is_granted('ROLE_ZUZENDARITZA') %}
                    <div class="col"><label><b>{% trans into app.session.get('locale') %}Baimena Whats.{% endtrans %}</b></label> {{form_widget(formPertsonala.whatsapp, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                {% endif %}
            </div>
            <div class="row">
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Helbidea{% endtrans %}</b></label>{{form_widget(formPertsonala.helbidea, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-4"><label><b>{% trans into app.session.get('locale') %}Herria{% endtrans %}</b></label>{{form_widget(formPertsonala.herria, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-2"><label><b>{% trans into app.session.get('locale') %}Posta Kodea{% endtrans %}</b></label>{{form_widget(formPertsonala.postakodea, {'attr': {'onchange': 'bloquea()' } }) }} </div>
            </div>

            <div class="row">
                <div class="col-6"><label><b>{% trans into app.session.get('locale') %}Emaila{% endtrans %}</b></label> {{form_widget(formPertsonala.emaila, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Ikastola{% endtrans %}</b></label>{{form_widget(formPertsonala.ikastola, {'attr': {'onchange': 'bloquea()' , 'list' : 'ikastolak'} }) }} </div>
                <datalist id="ikastolak">
                    <option value="GOIZEKO IZARRA IKASTOLA">
                    <option value="SAN MIGUEL IKASTETXEA">
                    <option value="MUTRIKU BHI">
                    <option value="ONDARRU BHI">
                </datalist>
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Nazionalitatea{% endtrans %}</b></label>{{form_widget(formPertsonala.nazionalitatea, {'attr': {'onchange': 'bloquea()' } }) }} </div>
            </div>

            <div class="row">
                <div class="col"><label><b>{% trans into app.session.get('locale') %}Oharrak{% endtrans %}</b></label>{{form_widget(formPertsonala.oharrak, {'attr': {'onchange': 'bloquea()' } }) }} </div>
            </div>

            <div class="row {% if not is_granted('ROLE_ZUZENDARITZA') %}hidden{% endif %}">
                <div class="col-2"><label><b>{% trans into app.session.get('locale') %}Exento LM{% endtrans %}</b></label>{{form_widget(formPertsonala.exentolm, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-6"><label><b>{% trans into app.session.get('locale') %}Oharrak Ex.LM{% endtrans %}</b></label>{{form_widget(formPertsonala.oharrakexentolm, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col-4"><label><b>{% trans into app.session.get('locale') %}Email corporativo{% endtrans %}</b></label>{{form_widget(formPertsonala.emailcorporativo, {'attr': {'onchange': 'bloquea()' } }) }} </div>
            </div>

            {% set azkenkurtsoan = "" %}
        </div>

        {# GURASOEN DATUAK #}
        <div id="gurasoak" class="hidden">
            <br>
            <div  class="row card card-body shadow">
                <div class="row">
                    <div class="col">
                        <h3 class="text-info"><b>{% trans into app.session.get('locale') %}Gurasoen / Tutoreen datuak{% endtrans %}</b></h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col"> <h5 class="text-secondary">Guraso / Tutore baten datuak</h5></div>
                </div>
                <div class="row">
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Izena{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1izena, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Abizenak{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1abizena1, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}2. abizena{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1abizena2, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                </div>
                <div class="row">
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}NAN{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1nan, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Emaila{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1emaila, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Mobila{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1mobila, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    {% if is_granted('ROLE_ZUZENDARITZA') %}
                        <div class="col"> <label><b>{% trans into app.session.get('locale') %}Baimena Whats.{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso1whatsapp, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    {% endif %}
                </div>
                <div class="row">
                    <div class="col"> <h5 class="text-secondary"><br>Beste Guraso / Tutorearen datuak</h5></div>
                </div>
                <div class="row">
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Izena{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2izena, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Abizenak{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2abizena1, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}2. abizena{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2abizena2, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                </div>
                <div class="row">
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}NAN{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2nan, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Emaila{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2emaila, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Mobila{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2mobila, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    {% if is_granted('ROLE_ZUZENDARITZA') %}
                        <div class="col"> <label><b>{% trans into app.session.get('locale') %}Baimena Whats.{% endtrans %}</b></label> {{form_widget(formPertsonala.guraso2whatsapp, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                    {% endif %}
                </div>
            </div>
        </div>

        {# KONTAKTUAK #}
        <br>
        <div  class="row card card-body shadow">
            <div class="row">
                <div class="col">
                    <h3 class="text-info"><b>{% trans into app.session.get('locale') %}Beste kontaktuak{% endtrans %}</b></h3>
                </div>
            </div>
            <div class="row">
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Nork{% endtrans %}</b></label> {{form_widget(formPertsonala.norenmobila1, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Mobila{% endtrans %}</b></label> {{form_widget(formPertsonala.bestemobila1, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                {% if is_granted('ROLE_ZUZENDARITZA') %}
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Baimena Whats.{% endtrans %}</b></label> {{form_widget(formPertsonala.bestemobila1whatsapp, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                {% endif %}
            </div>
            <div class="row">
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Nork{% endtrans %}</b></label> {{form_widget(formPertsonala.norenmobila2, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Mobila{% endtrans %}</b></label> {{form_widget(formPertsonala.bestemobila2, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                {% if is_granted('ROLE_ZUZENDARITZA') %}
                    <div class="col"> <label><b>{% trans into app.session.get('locale') %}Baimena Whats.{% endtrans %}</b></label> {{form_widget(formPertsonala.bestemobila2whatsapp, {'attr': {'onblur': 'bloquea()' } }) }} </div>
                {% endif %}
            </div>

        </div>

        {# BANKUAREN DATUAK #}
        <br>
        <div class="row card card-body shadow">
            <div class="row">
                <div class="col">
                    <h3 class="text-info">
                        <b>{% trans into app.session.get('locale') %}Bankuaren datuak{% endtrans %}</b>
                        <a href="#" class="btn btn-sm btn-primary" onclick="kontukorrentaaldatu(event)"><i class="fas fa-pencil-alt"></i></a>
                        {{form_widget(formPertsonala.kontukorrontea)}}
                    </h3>
                </div>
            </div>
            <div class="row">
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Kontu zenb. (20 digitu){% endtrans %}</b></label>
                    {% if is_granted('ROLE_ZUZENDARITZA') %}
                        <input id="erakutsikontuzenbakia" type="text" class="form-control" disabled value="{{formPertsonala.vars.value.kontukorrontea}}">
                    {% else %}
                        <input id="erakutsikontuzenbakia" type="text" class="form-control" disabled value="XXXX-XXXX-XX-XXXXXX{{formPertsonala.vars.value.kontukorrontea|slice(formPertsonala.vars.value.kontukorrontea|length-4,4)}}">
                    {% endif %}
                </div>
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Kontuaren titularra{% endtrans %}</b></label> {{form_widget(formPertsonala.kontuarentitularra, {'attr': {'onchange': 'bloquea()' } }) }} </div>
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Titularraren NAN{% endtrans %}</b></label>{{form_widget(formPertsonala.titularrarennan, {'attr': {'onchange': 'bloquea()'} }) }} </div>
            </div>
        </div>

        {# LOPD Imagenes #}
{% if is_granted('ROLE_ZUZENDARITZA') %}
        <br>
        <div class="row card card-body shadow">
            <div class="row">
                <div class="col">
                    <h3 class="text-info"><b>
                        {% trans into app.session.get('locale') %}Irudiak hartzeko eta argitaratzeko baimena{% endtrans %}:</b>
                    </h3>
                    <div class="input-group mb-3">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" name="pertsonala[baimenalopd]" type="radio" value="BAI" required {% if formPertsonala.vars.value.baimenalopd=="BAI" %} checked {% endif %}>
                            <label class="form-check-label">
                                {% trans into app.session.get('locale') %}
                                    Baimena ematen dut nire irudia Musika Eskolako web orrian, sare sozialetan eta/edo argitalpenetan ager dadin, bere jarduerak sustatzeko eta horien berri emateko.
                                {% endtrans %}
                            </label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" name="pertsonala[baimenalopd]" type="radio" value="EZ" required {% if formPertsonala.vars.value.baimenalopd=="EZ" and formPertsonala.vars.value.baimenalopd is not null %} checked {% endif %}>
                            <label class="form-check-label">
                                {% trans into app.session.get('locale') %}
                                    Ez dut baimena ematen
                                {% endtrans %}
                            </label>
                        </div>
                        {% if is_granted('ROLE_ZUZENDARITZA') %}
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" name="pertsonala[baimenalopd]" type="radio" value="Agiria bete gabe" required {% if formPertsonala.vars.value.baimenalopd=="Agiria bete gabe" and formPertsonala.vars.value.baimenalopd is not null %} checked {% endif %}>
                                <label class="form-check-label">
                                    {% trans into app.session.get('locale') %}
                                        Agiria bete gabe
                                    {% endtrans %}
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" name="pertsonala[baimenalopd]" type="radio" value="Agiria bete gabe" required {% if formPertsonala.vars.value.baimenalopd=="" or formPertsonala.vars.value.baimenalopd is null %} checked {% endif %}>
                                <label class="form-check-label">
                                    {% trans into app.session.get('locale') %}
                                        Aurrerago beteko da
                                    {% endtrans %}
                                </label>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="row>">
                <div class="col"> <label><b>{% trans into app.session.get('locale') %}Nork sinatzen duen LOPD baimena{% endtrans %}</b></label> {{form_widget(formPertsonala.sinaduralopd, {'attr': {'onblur': 'bloquea()' } }) }} </div>
            </div>
        </div>
{% endif %}

        {# SUBMIT #}
        <br>
        <div class="row">
            <div class="col-12 text-center">
                <h4 id="mezuaguraso" class="text-danger text-center hidden"><b>{% trans into app.session.get('locale') %}Gurasoen datuak derrogorrezkoak dira matrikula egin ahal izateko{% endtrans %}</b></h4>
                <button id="resetea" type="button" class="btn btn-secondary btn-lg" title="Reset" onclick="btn_reset(event);">
                    <i class="fas fa-undo"></i>{% trans into app.session.get('locale') %}Reset{% endtrans %}<br>
                </button>
                {% if ("now"|date('Y-m-d H:i:s') < datosCurso.matrikulaepeazabalik|date('Y-m-d H:i:s') or "now"|date('Y-m-d H:i:s') > datosCurso.matrikulaepeabukatu|date('Y-m-d H:i:s')) and not is_granted('ROLE_ADMIN') %}
                    <button id="gorde" name="pertsonala[gorde]" type="submit" class="btn btn-primary btn-lg" title="Gorde" onclick="removeGordeGabe();">
                        <i class="fas fa-save"></i> <b>{% trans into app.session.get('locale') %}Gorde{% endtrans %}</b>
                    </button>
                    <h3 class="text-danger text-center">
                        <b>{% trans into app.session.get('locale') %}Matrikulazio epea: {% endtrans %} </b> {{datosCurso.matrikulaepeazabalik|date('Y-m-d')}} ({{datosCurso.matrikulaepeazabalik|date('H:i')}}) - {{ datosCurso.matrikulaepeabukatu|date('Y-m-d')}} ({{ datosCurso.matrikulaepeabukatu|date('H:i')}})
                    </h3>
                {% else %}
                    <button id="gorde" name="pertsonala[gorde]" type="submit" class="btn btn-primary btn-lg" title="Gorde" onclick="removeGordeGabe();">
                        <i class="fas fa-save"></i> <b>{% trans into app.session.get('locale') %}Gorde{% endtrans %}</b>
                    </button>
                    <br>
                    {% if is_granted("ROLE_ZUZENDARITZA") or ("now"|date('Y-m-d H:i:s') > datosCurso.matrikulaepeazabalik|date('Y-m-d H:i:s') and "now"|date('Y-m-d H:i:s') < datosCurso.matrikulaepeabukatu|date('Y-m-d H:i:s')) %}
                        <button id="matrikulatu" name="pertsonala[matrikulatu]" type="submit" class="btn btn-danger btn-lg mt-2" title="Matrikulatu" onclick="removeGordeGabe();">
                            <i class="fas fa-save"></i> <b>{% trans into app.session.get('locale') %}Gorde eta Matrikulatu{% endtrans %}</b>
                        </button>
                    {% else %}
                        <h5 class="text-danger">
                            {% trans into app.session.get('locale') %}Matrikulatzeko epea{% endtrans %}: {{ datosCurso.matrikulaepeazabalik|date('Y-m-d H:i:s')}} - {{datosCurso.matrikulaepeabukatu|date('Y-m-d H:i:s')}}
                        </h5>
                    {% endif %}
                {% endif %}
            </div>
        </div>
    {{ form_end(formPertsonala, {"render_rest": false}) }}
</div>

<br><br>


{% endblock %}

{% block javascripts %}
    <script>
        var derrigortu=1;
        {% if is_granted('ROLE_ZUZENDARITZA') %} var derrigortu=0; {% endif %}
    </script>
    <script src="{{ asset('js/matrikulazioa/matrikulaeskaera_datupertsonalak.js')}}"></script>
{% endblock %}