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

{% block stylesheet %}
{% endblock %}

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


{% block content %}
    <div class="row">
        <div class="panel-body">
            <div class="form-group col-lg-12">
                <div class="col-lg-3">
                    <label>CLAVE: </label>
                </div>
                <div class="col-lg-6 col-lg-12">
                    <input type="text" class="form-control" name="cveAlu" id="cveAlu">
                </div>
                <div class="col-lg-3">
                    <input type="button" class="btn btn-primary btn-sm" value="Buscar">
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-3">
                    <label>NOMBRE: </label>
                </div>
                <div class="col-lg-6">
                    <select id="nomAlu" name="nomAlu" class="form-control">
                        <option value="default">Selecciona</option>
                        {% for a in alumnos %}
                            <option value="{{a.cveCtl}}">{{a.apePat}} {{a.apeMat}} {{a.nomAlu}}</option>
                        {% else %}

                        {% endfor %}
                    </select>
                </div>
                <div class="col-lg-3">
                    <input type="button" class="btn btn-primary btn-sm" value="Buscar">
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="col-lg-6">
                <h3>COORDINACIÓN DE TITULACIÓN</h3>
                <ul class="list-group">
                    <li class="list-group-item">
                        <strong>1.- CARTA PASANTE</strong>
                        <img id="vUno" src="{{asset('images/correcto.png')}}" style="width: 18px;" class="palomita pull-right"/>
                        <i id="uno" class="spinGif fa fa-pulse fa-spinner pull-right"></i>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc1" name="aDoc1" onclick="validar(this.id);">
                            <label for="aDoc1" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>2.- CONSTANCIA DE TERMINOS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc2" name="aDoc2">
                            <label for="aDoc2" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>3.- HISTORIAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc3" name="aDoc3">
                            <label for="aDoc3" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>4.- CERTIFICADO TOTAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc4" name="aDoc4">
                            <label for="aDoc4" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>5.- TÍTULO</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc5" name="aDoc5">
                            <label for="aDoc5" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>6.- ACTA DE TITULACIÓN</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc6" name="aDoc6">
                            <label for="aDoc6" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>7.- LIBERACIÓN DE SERVICIO SOCIAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc7" name="aDoc7">
                            <label for="aDoc7" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>8.- CARTA DE EXTENCIÓN DE EXAMEN PROFESIONAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc8" name="aDoc8">
                            <label for="aDoc8" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>9.- CONSTANCIA EN TRAMITE TÍTULO</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc9" name="aDoc9">
                            <label for="aDoc9" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>10.- CONSTANCIA DE ESTUDIOS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc10" name="aDoc10">
                            <label for="aDoc10" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>11.- OTROS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="aDoc11" name="aDoc11">
                            <label for="aDoc11" class="label-info"></label>
                        </div>
                    </li>
                </ul>
            </div><!-- FIN COL-6 -->
            <div class="col-lg-6">
                <h3>PLANTEL</h3>
                <ul class="list-group">
                    <li class="list-group-item">
                        <strong>1.- CARTA PASANTE</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc1" name="pDoc1" readonly="true" disabled="true">
                            <label for="pDoc1" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>2.- CONSTANCIA DE TERMINOS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc2" name="pDoc2" readonly="true" disabled="true">
                            <label for="pDoc2" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>3.- HISTORIAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc3" name="pDoc3" readonly="true" disabled="true">
                            <label for="pDoc3" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>4.- CERTIFICADO TOTAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc4" name="pDoc4" readonly="true" disabled="true">
                            <label for="pDoc4" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>5.- TÍTULO</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc5" name="pDoc5" readonly="true" disabled="true">
                            <label for="pDoc5" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>6.- ACTA DE TITULACIÓN</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc6" name="pDoc6" readonly="true" disabled="true">
                            <label for="pDoc6" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>7.- LIBERACIÓN DE SERVICIO SOCIAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc7" name="pDoc7" readonly="true" disabled="true">
                            <label for="pDoc7" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>8.- CARTA DE EXTENCIÓN DE EXAMEN PROFESIONAL</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc8" name="pDoc8" readonly="true" disabled="true">
                            <label for="pDoc8" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>9.- CONSTANCIA EN TRAMITE TÍTULO</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc9" name="pDoc9" readonly="true" disabled="true">
                            <label for="pDoc9" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>10.- CONSTANCIA DE ESTUDIOS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc10" name="pDoc10" readonly="true" disabled="true">
                            <label for="pDoc10" class="label-info"></label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <strong>11.- OTROS</strong>
                        <div class="material-switch pull-right">
                            <input type="checkbox" id="pDoc11" name="pDoc11" readonly="true" disabled="true">
                            <label for="pDoc11" class="label-info"></label>
                        </div>
                    </li>
                </ul>
            </div><!-- FIN COL-6 -->
        </div>
    </div> <!-- FIN ROW -->

{% endblock %}