@extends('header_nuevo_generico')
@section('main')

<div class="container-fluid mt-5 pt-5">
    <form name="frm_tareas" id="frm_tareas" method="post" class="form-signin">
        {{ csrf_field() }}

        <!-- <div class="col-md-12 text-center"> -->
            <!-- </div> -->
        <div class="container-fluid">
            <div class="h3">@traducir('Reporte de Tareas','Reporte de Tareas')</div>
            <div class="row">
                <!-- <div class="col-md-3">
                    @include('/blue/reports/clientes_select')
                </div> -->
                <div class="col-md-2">
                    <label>@traducir('desde','Fecha Desde')</label>
                    <input name="fecha_desde" type="text" id="fecha_desde" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="0d" data-date-start-date="-15y">
                </div>
                <div class="col-md-2">
                    <label>@traducir('hasta','Fecha Hasta')</label>
                    <input name="fecha_hasta" type="text" id="fecha_hasta" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="0d" data-date-start-date="-15y">
                </div>
                <div class="col-md-3">
                    @include('/blue/reports/usuarios_select')
                </div>
                <div class="col-md-2">
                    @include('/blue/reports/tareas_select')
                </div>
                <div class="col-md-2">
                    <div class="col-md-12">
                        <label for="Estado">Estado</label>
                        <select name="estado" id="estado" class="form-select">
                            <option value="K">Aprobados</option>
                            <option value="N">Anulados</option>
                            <option value="">Todos</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-1">
                    <br>
                    <button type="button" id="btnModalFiltro" class="btn btn-info btn-fidelitas" data-bs-toggle="modal" data-bs-target="#modalFiltroClientes">@traducir('Buscar','Buscar')</button>
                </div>
                
                <!-- <div class="col-md-1">
                    <br>
                    <button type="button" id="btnFrmTareas" class="btn btn-info btn-fidelitas">@traducir('Buscar','Buscar')</button>
                </div> -->
            </div>
       </div>
    </form>    

    <div class="row">
        <div class="col-md-12 my-4">
            <div class="row justify-content-center my-4">
                <!-- <div class="col">
                    <button id="exportar-tareas-excel" type="button" class="btn btn-success d-none"><i class="bi bi-file-earmark-excel"></i> Exportar a Excel</button>
                </div> -->
                <!-- -->
                <div class="col summary d-none">
                    <h5 class="text-fidelitas">@traducir('total_tiempo_esti','Total de tiempo estimado'): <span id="total-tiempo-est" class="badge bg-fidelitas-secondary"></span></h5>
                </div>
                <!-- -->
                <div class="col summary d-none">
                    <h5 class="text-fidelitas">@traducir('total_tiempo_acum','Total de tiempo acumulado'): <span id="total-tiempo-acu" class="badge bg-fidelitas-secondary"></span></h5>
                </div>
                <!-- -->
                <div class="col summary d-none">
                    <h5 class="text-fidelitas">@traducir('total_dife','Total de diferencia'): <span id="total-dif" class="badge"></span></h5>
                </div>
            </div>
            <!-- -->
            <div id="datos"></div>
            <input type="hidden" id="cliente_titulo" value="@traducir('Cliente','Cliente')">
            <input type="hidden" id="informe" value="@traducir('informe','Informe')">
            <input type="hidden" id="persona" value="@traducir('persona','Persona Informada')">
            <input type="hidden" id="pais" value="@traducir('pais','País')">
            <input type="hidden" id="tarea_titulo" value="@traducir('tarea','Tarea')">
            <input type="hidden" id="usuario_titulo" value="@traducir('usuario','Usuario')">
            <input type="hidden" id="iniciada" value="@traducir('iniciada','Iniciada')">
            <input type="hidden" id="finalizada" value="@traducir('finalizada','Finalizada')">
            <input type="hidden" id="t_std_h_m" value="@traducir('t_std_m','T.STD (m)')">
            <input type="hidden" id="t_rango" value="@traducir('t_rango','T. en rango')">
            <input type="hidden" id="t_acum" value="@traducir('t_acum_m','T.Acum (m)')">
            <input type="hidden" id="diferencia" value="@traducir('diferencia','Diferencia (m)')">
            <input type="hidden" id="detalle" value="@traducir('detalle','Detalle tiempo')">
            <input type="hidden" id="trazabilidad" value="@traducir('trazabilidad', 'Trazabilidad')" >
        </div>
    </div>

    <div class="row justify-content-center my-4" style="display:none;" id="loading-datos">
        <!-- <div class="col-md-2 col-md-offset-5"> -->
            <!-- <br />
            <br />
            <img src="/images/loading.gif" class="img img-responsive" alt="" border="0" /> -->
            <h6 class="lead text-fidelitas text-center">@traducir('cargando','Cargando')... <div class="spinner-border text-fidelitas"></div></h6>
        <!-- </div> -->
    </div>
</div>

@include('/blue/reports/modal_trazabilidad')
@include('/blue/reports/modal_clientes')

@endsection
@section('funcionesJS')

<script src="{{ asset('/Libreria_CA/Js/funciones_panel_reporte_tareas.js') }}?v={{rand()}}"></script>

<script language="javascript" type="text/javascript">
    $( document ).ready(function() {
        eventosPanelReportTareas();
        funcionesModalBotones();
        buscarPorClientes();
    });
</script>

@endsection