@extends('layouts.planti')
@section('contenido')

    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif  
   
    <style>
            body,html{
                margin: 0px !important;
                padding: 0px !important;
            }
        </style>
        
    
        {!! Charts::styles() !!}         
    <center>
        <h1 class="h1 mb-0 text-gray-800">KPI - Indicadores de Gestión</h1>
        
    </center>  
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
              
                <div class="card-body">
                  @if ($errors->any())
                    <div class="alert alert-danger">
                      <ul>
                          @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                    </div><br />
                  @endif
          <center> 
            <div class="row">
            <div class="col-md-10 col-xs-12"> 
                <tr>                
                
                    <form  class="form-horizontal" method="post" action="{{action('KpiController@search') }}">   
                        @csrf
                        <div class="form-group"> 
                            <label class="col-lg-6 control-label" for="codigo">Medición</label> 
                                <div class="col-lg-6">      
                                <select name="cboMedicion" id="cboMedicion" class="form-control" class="col-lg-6 control-label" required>  
                                    <option value="">Seleccione una Opcion</option>
                                    @foreach ($mediciones as $fil)
                                        <option value="{{$fil->id}}">{{$fil->medicion}}</option>
                                    @endforeach
                                    
                                </select> 
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Fecha" class="col-lg-6 control-label" >Fecha desde</label>
                            <div class="col-lg-3">   
                                    <input type='date' name="txtFechaini" id="txtFechaini" class="form-control" required value="{{ date("Y-m-d",strtotime(date('Y-m-d')."- 1 month")) }}" />    
                            </div>

                            <div class="col-lg-3">
                                    <input type='date' name="txtFechafin" id="txtFechafin" class="form-control" required value="{{ old('fecha',date('Y-m-d')) }}" />
                                    <br>
                                    <button type="submit"class=" d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm">Buscar</button>
                            </div>
                        </div> 
                        {{--<div class="form-group"> 
                                <label class="col-lg-6 control-label" for="codigo">Filtro</label>
                                <div class="col-lg-6">
                                        <input type='text' name="txtFiltro" id="txtFiltro" class="form-control"  />   
                                       <br>
                                       <button type="submit"class=" d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm">Buscar</button>         
                                </div>            
                    </div> --}}  
                </form>
            </div>
        </div>
        </center>
                    </div>
                </div>
            </div>
        </div>
    </div><br>
    @if(count($kpi) >0)
     {{-- <a href="/exportkapidetalle" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-50"></i> Generar Reporte</a>--}}
    <div class="row">
            <h2 class="x_title"></h2>
            <div class="col-md-6 col-xs-8">
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="table-container">
                              <table class="table table-bordred table-striped" >
                                <thead>
                                @if(count($columname))
                                    @foreach($columname as $fil)                                          
                                        <th align="center"><center><strong>{{ strtoupper($fil) }}</strong></center></th>                                          
                                    @endforeach                             
                                @endif

                                </thead>
                                <tbody> 
                                    @if(count($kpi))
                                          @php($tot =0 )
                                            @foreach($kpi as $fil)

                                            {{-- "VALOR: " . $fil->nombre --}}
                                            <tr style="cursor:pointer;"  ondblclick="Abrir({{$IdMedicion}},'{{$fil->nombre }}','{{ $Fechaini}}','{{ $Fechafin}}' )">
                                                    @foreach($fil as $nombre  => $key )                                                                           
                                                        <td align="center">{{$key }}</td> 
                                                        
                                                        @if ($nombre=="nro" || $nombre=="total") 
                                                           @php($tot = $tot + $key)                                                       
                                                        @endif 
                                                    @endforeach                                                   
                                            </tr>
                                            @endforeach
                                            <tr  style="background:#D8EAFC">
                                                <td align="center" colspan="{{ count($columname)-1}}"><b>TOTAL</b></td>
                                                <td align="center"><b>{{$tot}}</b></td>
                                            </tr>

                                @else
                                    <tr>
                                        <td colspan="8">No hay registro !!</td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>        
            </div>
             
    
   

        <div class="col-md-5 col-xs-8">
            <div class="x_panel">
                <div class="x_content">  
                    <div class="table_container">   
                        <div class="app">
                           <center>
                                {!! $chart->html() !!}
                            </center>
                        </div>
                </div>
            </div>
        </div> 
    </div>
            <style>
                    .dataTables_filter { 
                      display: none;
                    }
                  
                    .datatables_length { 
                      display: none;
                    }
                  
                    #datatable_length { 
                      display: none;
                    }
                  
                    .dataTables_paginate{
                      display: none;
                    } /*paging_simple_numbers*/
                  
                    .dataTables_info{
                      display: none;  
                    }

                  
                  </style>
   @endif
    
   <script>
        function Abrir(kp,pro,fi,ff) {
            //alert(kp);
            var titulo = "KPI";
            window.open("/rkpidetalle/"+kp+"/"+pro+"/"+fi+"/"+ff, "width=850, height=600");
           
        }

        //PrintElem(obj);
        function PrintElem() {         
            obj =document.getElementById('print');            
            Popup(obj.innerHTML);
        }

        function Popup(data) {
            var mywindow = window.open('', 'new div', 'height=400,width=600');
            mywindow.document.write('<html><head><meta charset="gb18030"><title></title>');
            mywindow.document.write('<link href="{{ asset('vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Font Awesome -->');
            mywindow.document.write('<link href="{{ asset('vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- NProgress -->');
            mywindow.document.write('<link href="{{ asset('vendors/nprogress/nprogress.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- iCheck -->');
            mywindow.document.write('<link href="{{ asset('vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Custom Theme Style -->');
            mywindow.document.write('<link href="{{ asset('build/css/custom.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Datatables -->');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');
            mywindow.document.close();
            mywindow.focus();
            setTimeout(function(){mywindow.print();},1000);
            //mywindow.close();
            return true;
        }
    </script>
      
      
   
@endsection  

{!! Charts::scripts() !!}
{!! $chart->script() !!}