{% 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>
{% endblock %}

{% block content %}
    <div class="row">
        <h3 class="text-center">HISTORIAL DEL ALUMNO</h3>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <label>Nombre del Alumno: </label>
            {{alumno.nomAlu }} {{ alumno.apePat }} {{ alumno.apeMat }}
            <br>
            <label>CVE. CONTROL: </label>
            {{alumno.cveCtl }}
            <br>
            <label>FECHA DE INGRESO: </label>
            {{alumno.fecIns | date('d-m-Y') }}
            <br>
            <label>LICENCIATURA: </label>
            {{alumno.cveLic.nomLic }}
            <br>
            <label>COLEGIATURA: </label>
            {{alumno.costoMensualidad }}
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive">
            <table class="table table-condensed table-sobre table-striped">
                <thead>
                <th>NP</th>
                <th>SEMESTRE O CUATRIMESTRE</th>
                <th>CONCEPTO</th>
                <th>MES</th>
                <!--<th>FEC. TERM</th>-->
                <th>ESTATUS</th>
                </thead>
                <tbody>
                    {% if historial is defined %}
                        {% for h in historial %}
                            <tr>
                                <td>{{loop.index}}</td>
                                <td>{{h.semestre}}</td>
                                <td>{{h.descripcion}}</td>
                                <td>{{h.fecIni | date('d-F-Y') }}</td>
                                <!--<td>{h.fecTer | date('d-m-Y') }}</td>-->
                                {% if h.staPag == 1 %}
                                    <td>NO PAGADO</td>
                                {% elseif h.staPag == 2 %}
                                    <td>PAGADO</td>
                                {% endif %}
                            </tr>
                        {% endfor %}
                    {% endif %}
                </tbody>
            </table>
            <!--<a id="imprimir" class="btn btn-success pull-right" href="{path('imprimir_historial',{'idAlu' : alumno.ideAlu})}}" target="_blank">Imprimir</a>-->
        </div>
    </div>

{% endblock %}
