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

{% block stylesheet %}
    <!-- Bootstrap Core CSS -->
    <link href="{{asset('vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="{{asset('vendor/metisMenu/metisMenu.min.css')}}" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="{{asset('dist/css/sb-admin-2.css')}}" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="{{asset('vendor/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css">
{% endblock %}

{% block javascripts %}
    <!-- jQuery -->
    <script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="{{asset('vendor/metisMenu/metisMenu.min.js')}}"></script>

    <!-- Custom Theme JavaScript -->
    <script src="{{asset('dist/js/sb-admin-2.js')}}"></script>

    <script src="{{asset('js/misJs/relacionNiveles.js')}}"></script>
{% endblock %}

{% block content %}
    <div class="row">
        <h3 class="text-center title">CONSULTA NIVELES ACADEMICOS / LICENCIATURAS</h3>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 table-responsive">
            <h3 class="text-center">NIVELES ACADEMICOS</h3>
            <table class="table table-condensed table-sobre table-striped">
                <thead>
                    <tr>
                        <th>No.</th>
                        <th>NIVEL ACADÉMICO</th>
                        <th>MODALIDAD</th>
                    </tr>
                </thead>
                <tbody>
                    {% if niveles is defined %}
                        {% for n in niveles %}
                            <tr id="r{{n.ideNivAca}}" class="fila">
                                <td>{{loop.index}}</td>
                                <td>{{n.nombre}}</td>
                                <td>{{n.modalidad}}</td>
                                <td>
                                    <input type="checkbox" id="{{n.ideNivAca}}" name="{{n.ideNivAca}}" class="nivAca">
                                </td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                </tbody>
            </table>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 table-responsive">
            <h3 class="text-center">LICENCIATURAS / BACHILLERATOS</h3>
            <table class="table table-condensed table-sobre table-striped">
                <thead>
                    <tr>
                        <th>No.</th>
                        <th>LICENCIATURA</th>
                        <th>MODALIDAD</th>
                    </tr>
                </thead>
                <tbody>
                    {% if licenciaturas is defined %}
                        {% for l in licenciaturas %}
                            <tr>
                                <td>{{loop.index}}</td>
                                <td>{{l.nomLic}}</td>
                                <td>{{l.modalidad}}</td>
                                <td>
                                    <input type="checkbox" id="{{l.ideLic}}" name="{{l.ideLic}}" class="lic">
                                </td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                </tbody>
            </table>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right">
            <input type="button" class="btn btn-primary" value="CREAR RELACIÓN" id="btnCrearRelacion">
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <h3 class="text-center">RELACIÓN</h3>
            <div id="gif" hidden="true" class="img-responsive" >
                <img src="{{asset('images/load2.gif')}}" />
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contenedor">

            </div>
        </div>

    </div>

{% endblock %}
