@extends('layouts.user.app')

@section('title', 'Acompanhamento - Análise')

@section('content')
  <div class="row">  
  @include('messages._mensagemDismissible')  
    <div class="col-12 grid-margin">
      @include('errors.lista')
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">Acompanhamento</h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.acompanhamento')}}">
            @csrf
            <div class="form-group col-sm-3">
              <label for="medidor_id">Selecione o medidor</label>
              <select name="medidor_id" id="medidor_id" class="form-control">
                <option value="0" disable> Selecione </option>
                @foreach($medidores as $medidor_atual)
                  <option value="{{ $medidor_atual->id }}" @if($selected_medidor_id == $medidor_atual->id)selected @endif>Cód. {{ $medidor_atual->codigo_instalacao }} - {{ $medidor_atual->nome }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-sm-2 pt-4">
              <button type="submit" class="btn btn-primary btn-fw">Gerar relatório</button>
            </div>            
          </form>
        </div>
      </div>
      <div>&nbsp;</div>
      <div class="card">
        <div class="card-body">          
          <h4 class="page-header">
            Data referência:
            <span class="btn btn-dark btn-fw font-weight-bold p-1">                
              {{$conta->data_medicao->monthName}} / {{$conta->data_medicao->year}}
            </span>
          </h4>                         
          <p>Unidade beneficiária dos créditos excedentes:</p>
          @if($conta <> null)            
            {{-- Consumo junto a concessionária --}}
            <h3 class="col-sm-7 text-center">Consumo junto a concessionária</h3>
            <div class="row align-items-center">
              <div class="" id="chartComparativoConsumoNaoFV"></div>
              @if($historico->consumo >= $conta->kwh_quantidade)
                <p class="col-sm-4 alert alert-success h-25 ml-5" role="alert">
                  Seu consumo foi menor este mês quando comparado ao mesmo período no ano passado.<br> 
                  Em <b>{{$historico->carbon_date->monthName}}/{{$historico->carbon_date->year}}</b> você consumiu <b>{{$historico->consumo}}</b> kWh.
                </p>
              @else
                <p class="col-sm-4 alert alert-warning h-25 ml-5" role="alert">
                  Seu consumo foi maior este mês quando comparado ao mesmo período no ano passado.<br>               
                  Em <b>{{$historico->carbon_date->monthName}}/{{$historico->carbon_date->year}}</b> você consumiu <b>{{$historico->consumo}}</b> kWh.
                </p>
              @endif
            </div>
            {{-- Créditos --}}
            <h3 class="col-sm-7 text-center">Créditos</h3>
            @if($conta->credito_calculado>0)
                <div class="row align-items-center">
                    <div class="" id="chartComparativoCreditoRecebido"></div>                
                </div>
            @else
                <div class="col-sm-8 alert alert-alert" role="alert">
                    <p>Sem crédito recebido na data referente.</p>
                </div>
            @endif
          @else
            <div class="col-sm-8 alert alert-danger" role="alert">
              <p> Conta do mês referente não cadastrada.<br>
               Cadastre a conta <b>{{$conta->data_medicao->monthName}} / {{$conta->data_medicao->year}}</b> em "Gerenciar contas" no menu ao lado.</p>
            </div>
          @endif  
          <div>&nbsp;</div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="https://cdn.jsdelivr.net/npm/apexcharts" charset="utf-8"></script> 
  @include('user.acompanhamento.charts.comparativoConsumoNaoFVScript')   
  @include('user.acompanhamento.charts.comparativoCreditoRecebidoScript')   
@endsection