{% extends 'CmBundle:Z:baseDos.html.twig' %}

{% block stylesheet %}
    <link rel="stylesheet" href="{{asset('js/chosen/chosen.css')}}">
    
    <link rel="stylesheet" type="text/css" href="{{asset('bootstrap-select/dist/css/bootstrap-select.css')}}"/>
{% endblock %}

{% block javascripts %}
    <script src="{{asset('js/chosen/chosen.jquery.js') }}" type="text/javascript"></script>
    <script src="{{asset('js/chosen/docsupport/prism.js') }}" type="text/javascript" charset="utf-8"></script>
    <script src="{{asset('js/chosen/docsupport/init.js') }}" type="text/javascript" charset="utf-8"></script>

    <script src="{{asset('bootstrap-select/dist/js/bootstrap-select.js')}}"></script>
{% endblock %}

{% block content %}
    <div class="container-fluid">
        <h1 class="mt-4">Alumnos</h1>
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item"><a href="{{ path('cm_homepage') }}">Tablero</a></li>
            <li class="breadcrumb-item active">Alumno</li>
        </ol>

        <div class="row">
            <h3 class="text-center">CONSULTA DE ALUMNOS</h3>
            <div class="col-lg-12">
                <form class="row small" action="{{path('consulta_alumno_dos')}}" method="POST">
                    <div class="col-lg-6">
                        <label class="control-label" for="ideAlu">Nombre del alumno:</label>
                        <select class="form-control form-control-sm selectpicker bg-light" data-live-search="true" id="ideAlu" name="ideAlu">
                            <option value="">Escribe el nombre del alumno</option>
                            {% if alumnos is defined %}
                                {% for a in alumnos %}
                                    <option value="{{a[4]}}">{{a[0]}} {{a[1]}} {{a[2]}} : {{a[3]}}</option>
                                {% endfor %}
                            {% endif %}
                        </select>
                    </div>
                    <div class="col-lg-2 text-center">
                        <label class="control-label">*</label>
                        <input type="submit" value="BUSCAR" class="btn btn-primary btn-sm btn-block">
                    </div>
                </form>
            </div>

        </div>
    </div><!-- FIN CONTAINER-FLUID -->

{% endblock %}
