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

{% block stylesheet %}
    <link rel="stylesheet" href="{{asset('js/chosen/chosen.css')}}">

    <style>
        .filas {
            cursor: pointer;
        }
    </style>
{% endblock %}

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

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

{% block content %}
    <div class="row">
        <div class="col-lg-12" style="padding-left: 0px;padding-right: 0px;">
            <h3 class="text-center" style="margin-top: 0px;margin-bottom: 0px;background-color: greenyellow;">Consultar Pagos por fechas</h3>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 0px;padding-right: 0px;">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 panel panel-warning" style="padding-left: 0px;padding-right: 0px;margin-bottom: 0px;">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <h4 style="margin-top: 0px;">Fecha Inicial</h4>
                    <input type="date" id="fA" name="fA" value="{{"now" | date('Y-m-d') }}" class="form-control">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <h4 style="margin-top: 0px;">Fecha Final</h4>
                    <input type="date" id="fB" name="fB" class="form-control">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <h4 style="margin-top: 0px;">Plantel (opcional)</h4>
                    <select id="idePla" name="idePla" class="form-control">
                        <option value="default">Todos</option>
                        {% if planteles is defined and planteles != null %}
                            {% for p in planteles %}
                                <option value="{{p.idePla}}">{{p.nomPla}}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 panel panel-body" style="margin-bottom: 0px;">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-right">
                        <a class="btn btn-primary" id="buscarPorFecha">BUSCAR</a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-right">
                        <a class="btn btn-success" id="buscarPorFechaPdf">BUSCAR->pdf</a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-right">
                        <a class="btn btn-info" id="buscarPorFechaExportar">EXPORTAR->svg</a>
                    </div>
                </div>
            </div>
        </div><!-- div col-lg-12 -->
        <div id="gifIngresos" hidden="true" class="img-responsive" >
            <img src="{{asset('images/load2.gif')}}" /> Buscando...
        </div>
        <div id="contenedor-ingresos" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 0px;padding-right: 0px;">
            <div id="gifDetalles" hidden="true" class="img-responsive" >
                <img src="{{asset('images/load2.gif')}}" /> Buscando...
            </div>
            <p>**** Modifique los filtros y presione el botón Buscar, para empezar a realizar una consulta.</p>
        </div><!-- div col-lg-12 -->

        <div id="contenedor-balance" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color: lightgray;">
        </div>

    </div><!-- FIN DIV ROW -->

{% endblock %}