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

{% block body %}
    <section class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col">
                <h1 class="text-primary">Etxekolanak eta klasean landutakoa</b></h1>
            </div>
            <div class="col-auto bg-light p-2">
                {% set baseurl = path('etxekolanak') ~ '/' %}
                <h6 class="text-info">Aldatu ikaslea/ikasgaia:</h6>
                <select class="form-select form-select-sm" onchange="window.location.href='{{baseurl}}'+this.value;">
                    {% for aldatuakademikoa in akademikoas %}
                        <option value="{{aldatuakademikoa.id}}"
                            {% if aldatuakademikoa == akademikoa %} selected {% endif %}>
                            {{aldatuakademikoa.pertsonala.izenabizenak}} ({{aldatuakademikoa.ikasgaia}})
                        </option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-auto offset-2">
                <a class="btn btn-primary" href="{{ path('astekoegunarenasistentzia')}}"><i class="fas fa-user-slash"></i> Asistentziak</a>
            </div>
        </div>
    </section>

    <section class="container" id="datuak" >
        <div class="row mt-4">
            <div class="col">
                <h3 class="text-success">{{akademikoa.pertsonala.izenabizenak}} ({{akademikoa.ikasgaia}})
                    <a class="btn btn-warning" href="#" onclick="emailezbidali(event,'{{akademikoa.id}}','{{klaseenjarraipena.id}}',false)"><i class="fas fa-at"></i> Emailez</a>
                </h3>
            </div>
            <div class="col-4">
                {% set baseurl = path('etxekolanak', {'akademikoa': akademikoa.id })~'/' %}
                <select class="form-select form-select-lg" onchange="window.location.href='{{baseurl}}'+this.value;">
                    {% for klaseenjarraipenaoption in klaseenjarraipenas %}
                        <option value="{{klaseenjarraipenaoption.id}}" {% if klaseenjarraipena == klaseenjarraipenaoption %} selected {% endif %}>
                            {{klaseenjarraipenaoption.ordezkodata ? klaseenjarraipenaoption.data|date("Y-m-d") ~ '(' ~ klaseenjarraipenaoption.ordezkodata|date("Y-m-d") ~ ')' : klaseenjarraipenaoption.data|date("Y-m-d")}}
                        </option>
                    {% endfor %}
                </select>
            </div>
        </div>

        {{ form_start(form) }}
            <div class="row mt-4">
                <div class="col"></div>
                <div class="col-2">
                    <div class="form-group">
                        <label class="fw-bold">Asistentzia</label>
                        {{ form_widget(form.asistentzia, {'attr': {'onchange': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "asistentzia", this.value) '}}) }}
                    </div>
                </div>
                <div class="col-2">
                    <div class="form-group">
                        <label class="fw-bold">Zenbat berandu</label>
                        {% set debekatu = form.vars.value.asistentzia|upper == "B" ? 'enabled': 'disabled' %}
                        {{ form_widget(form.beranduZenbat, {'attr': {'onblur': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "beranduZenbat", this.value)', debekatu:debekatu}}) }}
                    </div>
                </div>
                <div class="col-2">
                    <div class="form-group">
                        <label class="fw-bold">Ordezko data</label>
                        {{ form_widget(form.ordezkodata, {'attr': {'onchange': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "ordezkodata", this.value) '}}) }}
                    </div>
                </div>
            </div>

            {# <div class="row mt-4">
                <div class="col">
                    <div class="form-group">
                        <label class="fw-bold">Joan den astean bidalitako etxekolanak</label>
                        <textarea class="form-control" disabled>{{ klaseenjarraipenas|length > 1 ? klaseenjarraipenas[1].etxekolanak : null }}</textarea>
                    </div>
                </div>
            </div> #}

            <div class="row mt-4">
                <div class="col">
                    <div class="form-group">
                        <label class="fw-bold">Klasean landutakoa</label>
                        {{ form_widget(form.klaseanlandutakoa, {'attr': {'onblur': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "klaseanlandutakoa", this.value) '}}) }}
                    </div>
                </div>
            </div>

            <div class="row mt-4">
                <div class="col">
                    <div class="form-group">
                        <label class="fw-bold">Etxekolanak</label>
                        {{ form_widget(form.etxekolanak, {'attr': {'onblur': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "etxekolanak", this.value) '}}) }}
                    </div>
                </div>
            </div>

            <div class="row mt-4">
                <div class="col">
                    <div class="form-group">
                        <label class="fw-bold">Oharrak</label>
                        {{ form_widget(form.oharrak, {'attr': {'onblur': 'gordeKlaseenJarraipena(event, ' ~ klaseenjarraipena.id ~ ', "oharrak", this.value) '}}) }}
                    </div>
                </div>
            </div>
        {{ form_end(form, {"render_rest": false}) }}
    </section>
{% endblock %}


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