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

{% block body %}
    <section class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-2">
                <h1 class="text-primary">Notak Jarri</b></h1>
            </div>
            <div class="col-2">
                <br><a id="btn-guztientzat" class="btn btn-outline-danger" data-bs-toggle="collapse" href="#notaguztientzatdiv" role="button" aria-expanded="false" aria-controls="notaguztientzatdiv">
                NOTA GUZTIENTZAT
                </a>
            </div>
            <div class="col-3">
                {% if app.session.get('menu')=="zuzendaritza" or app.session.get('menu')=="administrazioa" %}
                    <h5 class="text-info">Aukeratu irakaslea: </h5>
                    <select id="form_irakaslea" name="form[irakaslea]" class="form-select" value="" placeholder="Aukeratu irakaslea">
                        {% for irakaslea in irakasleas %}
                            <option value="{{irakaslea.emailcorporativo}}" {% if app.user.username == irakaslea.emailcorporativo %}selected{% endif %}>{{irakaslea.izenabizenak}}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <h3 class="text-danger">{{erabiltzailea.izenabizenak}}</h3>
                    <input type="hidden" id="form_irakaslea" name="form[irakaslea]" value="{{app.user.username}}">
                {% endif %}
            </div>
            <div class="col-5">
                <h5 class="text-info">Bilatu ikaslea: </h5><input type="text" id="form_bilatu" name="form[bilatu]" class="form-control" value="" placeholder="Idatzi hemen eta intro sakatu, ikaslea bilatzeko">
            </div>
        </div>

        <br>

        {#----------------------------MAIN------------------------------------------#}

        <div class="row">

            {#----------------------------SELECCIONAR------------------------------------------#}
            <aside class="col-2">
                <div class="text-center"><button type="button" class="btn btn-sm btn-info" id="guztiak"><i class="fas fa-business-time"></i> IKASKETAK ERAKUTSI</i></button></div>
                <br>
                <h3 class="text-info"><b>Aukeratu: </b></h3>
                  <div id="selecciona"></div>
            </aside>

            {#----------------------------CONTENIDO------------------------------------------#}

            <section class="col-10">
                {#----------------------------DATUAK------------------------------------------#}
                <div id="datuak">

                </div>
            </section>
        </div>
        <br>

    </section>
{% endblock %}


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