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

{% block body %}
    <div class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col-4">
                <h1 class="text-primary">Oharra nori bidali</b></h1>
            </div>
            <div class="col-1">
                <br><a id="btn-guztientzat" class="btn btn-outline-danger" data-bs-toggle="collapse" href="#oharraaurrekusi" role="button" aria-expanded="false" aria-controls="oharraaurrekusi">
                Oharra Aurrekusi
                </a>
            </div>
            <div class="col-2">
                <br>
                <a class="btn btn-warning" onclick="bidaliGuztieiOrain(event,'emailez')"><i class="fas fa-at"></i> Bidali emailez</a>
                <a class="btn btn-success" onclick="alert('whatsappez oraindik ezin da bidali');//bidaliGuztieiOrain(event,'whatsappez')"><i class="fab fa-whatsapp"></i> Bidali whatstappez</a>
            </div>
            <div class="col">
                <h5 class="text-info">Aukeratu eskeintza: </h5>
                <select id="selecteskeintza" class="form-select" value="" placeholder="Aukeratu eskeintza">
                    <option value="">Aukeratu klasea</option>
                    {% for eskeintza in eskeintzas %}
                        <option value="{{eskeintza.idEskeintza}}">{{eskeintza.zerrenda}}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col">
                <h5 class="text-info">Bilatu ikaslea: </h5><input type="text" id="izenabizenak" class="form-control" value="" placeholder="Idatzi hemen eta intro sakatu, ikaslea bilatzeko">
            </div>
        </div>

        <br>

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

        <div class="row">
            <div class="col-7">
                <div class="row">
                    <input id="idoharra" type="hidden" value="{{oharra.id}}">
                    <div class="col">{{oharra.gaia}}</div>
                </div>
                <div id="oharraaurrekusi" class="row collapse">
                    {{include('oharrak/aurrekusioharra.html.twig')}}
                </div>
                <div id="noribidali">
                    {{include('oharrak/noribidalitable.html.twig')}}
                </div>
            </div>

            <div id="ikaslekaukeratu" class="col">
                <div class="card card-body ">
                    Aukeratu hemen ikasleak
                </div>
            </div>

        </div>
    </div>
{% endblock %}


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