@extends('layouts.main')
@section('title', 'Gestión de reclamos')
@section('icon', 'fa fa fa-user')

@section('content')
<meta name="csrf-token" content="{{ Session::token() }}">
<meta name="base_url" content="{{ url('/') }}">
<meta name="name_report" content="tiempos">
<script src="{{asset('js/reportes.js')}}" type="text/javascript"></script>
<style>
    .tg-baqh {text-align: center;font-size: 12px;}
</style>
<div class="row">

    <div class='col-md-12'>
        <legend id = "titulo"><h4>Tiempos de atención</h4></legend>
    </div>
    <br><br>
    <div class='row' style='padding:30px;'>
        <div class="col-md-4 col-md-offset-2">
            <div class="form-group row">
                <label for="cboProyecto_search" class="control-label col-sm-2 input-sm ">Proyecto:</label>
                <div class="col-md-10">
                    <select class='form-control input-sm cboProyecto_reporte_tipos' id ='cboProyecto_search' name="cboProyecto_search" style="width: 100%">
                        <option value="-1">Todos</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group row">
                <label for="cboHito" class="control-label col-sm-2 input-sm ">Hito:</label>
                <div class="col-md-10">
                    <select class='form-control input-sm' id ='cboHito_search' name="cboHito" style="width: 100%">
                        <option value="-1">Todos</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class='row'>
        <div class="col-md-10 col-md-offset-1" >
            <table class="table" style="border: 1px solid #DDDDDD;" id="tblTiemposPorHito">
                <tr>
                  <th class="tg-baqh" colspan="6">TIEMPO PROMEDIO DE ATENCIÓN POR HITO (días)</th>
                </tr>
                <tr>
                  <th class="tg-baqh">Año</th>
                  <th class="tg-baqh">Inicio<br>A<br>Coordinacion cliente</th>
                  <th class="tg-baqh">Coordinacion cliente <br>A<br> inspeccion</th>
                  <th class="tg-baqh">Inspección<br>A<br>Informe y ppto preliminar</th>
                  <th class="tg-baqh">Informe y ppto preliminar<br>A<br>Culminacion</th>
                  <th class="tg-baqh">Inicio<br>A<br>Fin</th>
                </tr>
              </table>
        </div>
        
    </div>
    <div class='row'>
        <div class="col-md-5 col-md-offset-1" id="tblDetallePorHito">
        </div>
        <div class="col-md-5" id="grafico_tiempos"></div>
    </div>
</div>
    
@endsection