@extends('layouts.planti-movil')
@section('contenido')
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <h3 class="text-center">KPI - INDICADORES DE GESTIÓN</h3>
    </div>    
</div>

<div class="row">
    <form  class="" method="post" action="{{action('Movil\MovilKpiController@search') }}">
        @csrf
        <div class="col-xs-12 col-sm-12 col-md-12 form-group">
            <label class="" for="codigo">Medición</label>
            <select name="cboMedicion" id="cboMedicion" class="form-control" required>
                <option value="">Seleccione una Opcion</option>
                @foreach ($mediciones as $fil)
                    <option value="{{$fil->id}}">{{$fil->medicion}}</option>
                @endforeach
            </select>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 form-group">
            <label for="txtFechaini" class="" >Fecha Desde</label>
            <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-xs-12 col-sm-12 col-md-12 form-group">
            <label for="txtFechafin" class="" >Fecha Hasta</label>
            <input type='date' name="txtFechafin" id="txtFechafin" class="form-control" required value="{{old('fecha',date('Y-m-d'))}}" />
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
            <button type="submit"class="btn btn-lg btn-primary shadow-sm"><i class="fa-solid fa-magnifying-glass"></i> Consultar KPI</button>
        </div>
    </form>    
</div>
@if(count($kpi) > 0)
<div class="row bg-white" style="margin-top: 20px; margin-bottom:20px;">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="x_panel">
            <div class="x_content">
                <div class="table_container">
                    <div class="app">
                       <center>
                            {!! $chart->container() !!}
                        </center>
                    </div>
            </div>
        </div>
    </div>
</div>
{!! $chart->script() !!}
@endif
<script>
    
</script>

@endsection