{% extends "principal.html" %}
{% load staticfiles %}
{% load url from future %}

{% block jquery %}

    function ejecutaForm(enlace){
        document.getElementById("frmPanel").target = '_blank'
        document.getElementById("frmPanel").action = enlace;
        document.getElementById("frmPanel").submit();
    }



{% endblock %}

{% block breadcrumbs %}
    <li class="{{ principal }}"><a href="/inicio/index"><i class="icon-home"></i> Inicio</a></li>
   <li class="active">Concentrados</li>
                 
{% endblock %}

{% block contenido %}
<div class="dgtic-content-area" >
    <div class="row-fluid" >
        <div class="span12">
            <div class="dgtic-panel">
            <form class="dgtic-form" id="frmPanel" method="post">
            <div class="span4">
                <div class="dgtic-panel">
                    <div class="dgtic-panel-header">
                        <span class="dgtic-panel-title"><i class="icol-calendar-1"></i><i class="icol-calendar-2"></i> Periodo</span>   
                    </div>  
                    <div class="dgtic-panel-content dgtic-form-container">
                        <div class="dgtic-form-inline">
                            <div class="dgtic-form-row">
                                <label class="dgtic-form-label">Desde : </label>
                                <input type="text" class="span5" id="fechaIni" name="fechaIni" onkeyup="this.value='';" autocomplete="off" value="{{fechaIni}}">
                            </div>
                            <div class="dgtic-form-row">
                                <label class="dgtic-form-label">Hasta : </label>
                                <input type="text" class="span5" id="fechaFin" name="fechaFin" onkeyup="this.value='';" autocomplete="off" value="{{fechaFin}}" valign="center">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span6">{% csrf_token %}
                <div class="dgtic-panel">
                    <div class="dgtic-panel-header">
                        <span class="dgtic-panel-title"><i class="icol-projection-screen"></i> Reportes</span>			
                    </div>	
                    <div class="dgtic-panel-content dgtic-form-container">
                        {%if user.is_superuser %}
                            <div class="dgtic-form-row">
                                <a href="javascript:ejecutaForm('/reporte6/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Informe Ejecutivo - DOFYAS con Observaciones</a>
                            </div>
                        {% endif %}
                        <div class="dgtic-form-row dgtic-form-inline">
                            <a href="javascript:ejecutaForm('/reporte1/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Totales de Personas Atendidas</a>
                        </div>
                        <!-- <div class="dgtic-form-row dgtic-form-inline">
                            <a href="javascript:ejecutaForm('/reporte1v2/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Totales de Personas Atendidas 2</a>
                        </div> -->
                        <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte2/0')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Detalle de Personas Atendidas</a>
                        </div>
                        
                        <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte8/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Detalle de Raciones de alimentación</a>
                        </div>
                        <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte11/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Detalle de Actividades Realizadas</a>
                        </div>
                        <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte7/')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Padrón de Beneficiarios</a>
                        </div>
                        <!-- <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte2/1')" class="btn btn-info span12"><i class="icol-projection-screen-present"></i> Detalle de Personas Atendidas - ( Excentos )</a>
                        </div> -->
                        <div class="dgtic-form-row">
                            <a href="javascript:ejecutaForm('/reporte5/')" class="btn btn-info span6"><i class="icol-projection-screen-present"></i> Númeralia</a>
                            <a href="javascript:ejecutaForm('/reporte4/')" class="btn btn-info span6"><i class="icol-projection-screen-present"></i> Informe Ejecutivo - DOFYAS</a>
                        </div>
                        <div class="dgtic-form-row">
                            <label class="dgtic-form-label">Complemento de la narración :</label>
                            <div class="da-form-item">
                                <textarea rows="auto" cols="auto" class="span12" name="narracion"></textarea>
                            </div>
                            <div class="da-form-item">
                                <a href="javascript:ejecutaForm('/reporte3/')" class="btn btn-info span6"><i class="icol-projection-screen-present"></i> Informe Narrativo</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </form>
            </div>
        </div>
    </div>
</div>


<!-- JS Libs -->
    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    
    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elrte/css/elrte.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elfinder/css/elfinder.css" %}" media="screen">

    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- jGrowl Plugin -->
    <script src="{% static "plugins/jgrowl/jquery.jgrowl.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "plugins/jgrowl/jquery.jgrowl.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>

    <!-- JS Template -->
    <script src="{% static "assets/js/core/dandelion.core.js" %}"></script>

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js" %}"></script>


<script type="text/javascript">
     $.datepicker.regional['es'] = {
        closeText: 'Cerrar',
        prevText: '<Ant',
        nextText: 'Sig>',
        currentText: 'Hoy',
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
        'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
        monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
        'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié;', 'Juv', 'Vie', 'Sáb'],
        dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
        weekHeader: 'Sm',
        dateFormat: 'dd/mm/yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''
    };
    $.datepicker.setDefaults($.datepicker.regional['es']);

    $( "#fechaIni" ).datepicker();
    $( "#fechaIni" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
    $( "#fechaIni" ).val('{{fechaIni}}');
    
    $( "#fechaFin" ).datepicker();
    $( "#fechaFin" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
    $( "#fechaFin" ).val('{{fechaFin}}');
</script>

<script type="text/javascript">
    $(function() {
        $( "#datepicker" ).datepicker();
      });

</script>

{% endblock %}