@extends('layouts.admin-Lti')
@section('title','Historico')
@section('content')

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item"><a><span>{{session()->get('infosession')[0]->TIpoSistema}}</span></a></li>
<li class="breadcrumb-item active"><a><span><b>P&aacute;gina Inicial </b></span></a></li>

</ol>

      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->



		<div class="col">
		<div class="form-group formularioData ">
                  <label>Escolha  o intervalo de Datas :</label>

                  <div class="input-group ">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <i class="fa fa-calendar"></i>
                      </span>
                    </div>

                        <input type="text"  name="Datas" class="form-control float-right inputSelectData"
                        id="reservation">

                  <!-- /.input group -->
                </div>

            </div>
</div>

		</div>

            <div  class="processamento" style=" width:100%;height:50%; display:none"  >
                <img src="{{ asset('imageproceaament/Curve-Loading.gif')}}"  style="width:100%;height:100% ">
                                </div>


        <div class="row ">
          <div class="col-lg-3 col-6">

            <!-- small box -->
            <div class="small-box bg-info no-shadow">
              <div class="inner">
                <h3 class="QuantidadeNOArmazem">{{$QuantidadeprodutosEstoque[0]->Quantidade}}
                  <sup style="font-size: 20px"> &nbsp; <i>item</i></sup></h3>

                <p>No Armazem</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>

              <a   class="RelatorioArmazemDados" href="{{ Route('Relatorio.create') }}"
               class="small-box-footer">Mais informa&ccedil;&otilde;es<i class="fa fa-arrow-circle-right"></i></a>


            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-success no-shadow">
              <div class="inner">
                <h3 class="produtosVendidos"> {{ $produtovendido }}<sup style="font-size: 20px">&nbsp; item</sup></h3>

                <p>Vendidos</p>
              </div>
              <div class="icon">
                <i class="ion ion-cash"></i>
              </div>
              <a   class="RelatorioVendasFeitasDados" href="{{ Route('Relatorio.vendas') }}" class="small-box-footer">Mais informa&ccedil;&otilde;es<i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-warning no-shadow">
              <div class="inner">

                 <h3>
                    {{$produtodaloja }}
                    <sup style="font-size: 20px">&nbsp; item</sup></></h3>
<p>loja</p>
              </div>
              <div class="icon">
                <i class="ion ion-android-home"></i>
              </div>
              <a  class="RelatorioFarmaciaDados" href="{{ Route('Relatorio.farmacias') }}" class="small-box-footer">Mais informa&ccedil;&otilde;es<i class="fa fa-arrow-circle-right"></i></a>
              </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box r no-shadow"  style="background-color:rgba(243,156,18,0.7)">
              <div class="inner">


                <h3 class="produtoFoadoprazorenge">
                    {{ $dadosprestes }}
                    <sup style="font-size: 20px">&nbsp; item</sup></h3>

                <p>Prestes a passar de prazo </p>
              </div>
              <div class="icon">
                <i class="ion ion-pie-graph"></i>
              </div>
              <a   class="RelatorioForaDoPRazoDados" href="{{ Route('Relatorio.prestesForadoprazo') }}" class="small-box-footer" >Mais informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
           <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger no-shadow">
              <div class="inner">


                <h3 class="produtoFoadoprazorenge">
                    {{ $elementosForadoprazoNoArmazem }}
                    <sup style="font-size: 20px">&nbsp; item</sup></h3>

                <p>Fora de Prazo</p>
              </div>
              <div class="icon">
                <i class="ion ion-pie-graph"></i>
              </div>
              <a   class="RelatorioForaDoPRazoDados" href="{{ Route('Relatorio.Foradoprazo') }}" class="small-box-footer" >Mais informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
        </div>
        <!-- /.row -->
        <!-- Main row -->
        <section class="content no-shadow">
            <div class="container-fluid">
              <div class="row">
                <div class="col-md-6" id="GraficoLinhas">
                  <!-- AREA CHART -->
                  <div class="card card-primary no-shadow">

                    <div class="card-body no-shadow" >
                      <div class="chart">
                        <canvas id="areaChart" style="height: 296px; width: 593px;" width="593" height="296"></canvas>
                      </div>
                    </div>
                    <!-- /.card-body -->
                  </div>
                  <!-- /.card -->
                </div>
                  <!-- DONUT CHART -->
                  <div class="card card-danger col-md-6 no-shadow"  id="GraficoCircular">

                    <div class="card-body no-shadow">
                      <canvas id="pieChart"   style="height: 296px; width: 593px;" width="593" height="296"></canvas>
                    </div>
                    <!-- /.card-body -->
                  </div>
                  <!-- /.card -->

                </div>
                <!-- /.col (LEFT) -->

          </section>


		   <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>

    @push('script')
    <script>
    var urlselecionar ='{{Route('hisitoricoGeral.renge')}}';
    var urlmostrar ='{{Route('hisitoricoGeral.show')}}';
    var token ='{{Session::token()}}';



    </script>
    <script src="{{ asset('MyJs/funcoesGrafico.js')}}"></script>
    <script src="{{ asset('MyJs/RelatorioProcesso.js')}}"></script>
    <script src="{{ asset('MyJs/RelatorioProcessoReng.js')}}"></script>
    @endpush
@endsection