@extends('header_nuevo_generico') 
@section('main') 
<style>
    .small-middle-container {
        margin: auto;
        width: 50%;
        font-size: 14px;
    }
</style>
<div class="container small-middle-container mt-5 pt-5">
    <div class="row">
        <div class="">
            <div class="row justify-content-center my-2 mb-4" style="margin-right: 50%;">
                <div class="col-md-12">
                    <h2 class="text-fidelitas text-center">KPI's Imperium</h2>
                </div>
            </div>
            <div style="margin-left: 20%;">
                <form action="/tablasgenerales/imperium-kpi-result" method="POST" name="frmKPI"
                    class="form form-inline">
                    {{csrf_field()}}
                    <div class="row">
                        <div class="col-md-11 col-md-offset-1">
                            <div class="h4">Indique los reportes que desa obtener</div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Ingresados"
                                        class="checkdoc">&nbsp;Documentos ingresados (incluye a verificar, verificados y
                                    rechazados) </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Procesados"
                                        class="checkdoc">&nbsp;Documentos procesados (incluye verificados y rechazados)
                                </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Verificados"
                                        class="checkdoc">&nbsp;Documentos verificados </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Rechazados_parciales"
                                        class="checkdoc">&nbsp;Documentos rechazados y parciales </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Procesados_usuario"
                                        class="checkdoc">&nbsp;Documentos procesados por usuario (incluye verificados y
                                    rechazados) </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Ingresados_cliente"
                                        class="checkdoc">&nbsp;Documentos ingresados por cliente (incluye a verificar,
                                    verificados y rechazados) </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Procesados_cliente"
                                        class="checkdoc">&nbsp;Documentos procesados por cliente (incluye verificados y
                                    rechazados) </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Notificaciones_recibidas"
                                        class="">&nbsp;Notificaciones recibidas </label>
                            </div>
                            <div>
                                <label>
                                    <input type="checkbox" name="accion[]" value="Notificaciones_emitidas"
                                        class="">&nbsp;Notificaciones emitidas </label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-11 col-md-offset-1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(En todos los
                            reportes se consideran documentos "padre", los incluidos en nómina no son tomados en cuenta)
                        </div>
                    </div> @if (sizeof($complejidad_doc) > 0)
                        <div class="row d-none" id="selectComp">
                            <div class="col-md-11 col-md-offset-1">
                                <br>
                                <br>
                                <div class="h4">Seleccione las categorías (complejidad) de documentos a considerar</div>
                                <div>
                                    <input type="checkbox" name="todas_complejidad" value="1" class="" checked
                                        id="allcomp">&nbsp;Todas
                                </div>
                                @foreach($complejidad_doc as $compl) 
                                    <div> &nbsp;&nbsp;&nbsp;&nbsp;
                                        <input type="checkbox" name="complejidad[]" value="{{$compl->complejidad}}" class="cop"
                                            checked>&nbsp;{{$compl->descripcion_complejidad}} ({{$compl->codigo_complejidad}})
                                </div> @endforeach
                            </div>
                    </div> @endif <br>
                    <br>
                    <div class="row">
                        <div class="col-md-11 col-md-offset-1">
                            <div class="h4">Indique el criterio de agrupación de totales</div>
                            <div>
                                <label>
                                    <input type="Radio" value="anual" name="agrupacion" checked
                                        onclick="chkAgrupar();">&nbsp;Ultimos 12 meses cerrados </label>
                            </div>
                            <div>
                                <label>
                                    <input type="Radio" value="mensual" name="agrupacion"
                                        onclick="chkAgrupar();">&nbsp;Rango mensual </label>
                            </div>
                            <div class="row d-none" id="meses">
                                <div class="col-md-4 col-md-offset-2"> Desde: <select name="mes_desde"
                                        id="mes_desde">@foreach($meses as $mes) <option value="{{$mes}}">{{$mes}}</option> @endforeach
                                        A CH
                                    </select>
                                </div>
                                <div class="col-md-4"> Hasta: <select name="mes_hasta"
                                        id="mes_hasta">@foreach($meses as $idx => $mes) <option value="{{$mes}}" @if($mes == $last_month) selected @endif>{{$mes}}</option> @endforeach
                                        ACH
                                    </select>
                                </div>
                            </div>
                            <div>
                                <label>
                                    <input type="Radio" value="total" name="agrupacion"
                                        onclick="chkAgrupar();">&nbsp;Total por rango de fechas </label>
                            </div>
                            <div class="row d-none" id="fechas">
                                <div class="col-md-4 col-md-offset-2 form-group"> Fecha desde:
                                    <div id="fecha_desde_idd" class="input-group date">
                                        <input id="fecha_desde" type="text" class="form-control" name="fecha_desde">
                                    </div>
                                </div>
                                <div class="col-md-4 form-group"> Fecha hasta:
                                    <div id="fecha_hasta_idd" class="input-group date">
                                        <input id="fecha_hasta" type="text" class="form-control" name="fecha_hasta">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="row">
                        <div class="col-md-11 col-md-offset-1">
                            <div class="h4">Mes en curso</div>
                            <div>
                                <label>
                                    <input type="checkbox" value="1" name="mes_curso">&nbsp;En cada reporte, incluir
                                    estadística del mes actual (fracciones de 10 días) </label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4 mb-5 text-center">
                        <div class="col-md-3 form-group">
                            <button type="button" class="btn btn-danger btn-block"
                                onclick="location.href='/'">Cancelar</button>
                        </div>
                        <div class="col-md-3 col-md-offset-2 form-group">
                            <button type="button" class="btn btn-fidelitas btn-block"
                                onclick="chkFormKPI();">Aceptar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div> @endsection @section('funcionesJS') <script type="text/javascript" src="{{ URL::asset('js/tablasgenerales/imperium.js') }}"></script>
<script>
    $(document).ready(function () {
        $("#fecha_desde").datepicker({
            dateFormat: 'dd/mm/yy'
        });

        $("#fecha_hasta").datepicker({
            dateFormat: 'dd/mm/yy'
        });
        /* ocultar o mostrar selección de complejidades */
        $('.checkdoc').on('click', function () {
            if (countDocs()) {
                $('#selectComp').removeClass('d-none');
            } else {
                $('#selectComp').addClass('d-none');
            }
        });
        /* marcar o desmarcar la lista de complejidades */
        $('#allcomp').on('click', function () {
            $('.comp').each(function (i) {
                $(this).prop('checked', $('#allcomp').prop('checked'));
            });
        });
        /* marcar o desmarcar el check global de complejidades */
        $('.comp').on('click', function () {
            var j = true;
            $('.comp').each(function () {
                j = j && $(this).prop('checked');
            });
            $('#allcomp').prop('checked', j);
        });
    });
</script> @endsection