@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">                
              {{ucfirst($medicao->data_medicao->monthName)}} / {{$medicao->data_medicao->year}}
            </span>
          </h4>                         
          <p>Segue abaixo análise mensal do seu consumo na concessionária e produção do seu sistema fotovoltaico:</p>
          @if($conta <> null)            
            <h3 class="col-sm-7 text-center">Análise mensal do consumo</h3>
            <div class="row align-items-center">
              <div class="" id="chartComparativoConsumo"></div>              
              @if($medicao->conta_historico->consumo >= $consumo_total)
                <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>{{$medicao->conta_historico->carbon_date->monthName}}/{{$medicao->conta_historico->carbon_date->year}}</b> você consumiu <b>{{$medicao->conta_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>{{$medicao->conta_historico->carbon_date->monthName}}/{{$medicao->conta_historico->carbon_date->year}}</b> você consumiu <b>{{$medicao->conta_historico->consumo}}</b> kWh.
                </p>
              @endif
            </div>  
            <h3 class="col-sm-7 text-center">Destrinchando o consumo mensal</h3>
            <div class="row align-items-center">
              <div class="" id="chartDestrinchando" style="width:100%"></div>
            </div>

          @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>{{ucfirst($medicao->data_medicao->monthName)}} / {{$medicao->data_medicao->year}}</b> em "Gerenciar contas" no menu ao lado.</p>
            </div>
          @endif  
          <div>&nbsp;</div>
          @if(Auth::user()->admin)
            @if($producao_fv <> null)            
              <h3 class="col-sm-7 text-center">Análise mensal da produção fotovoltaíca</h3>
              <div class="row align-items-center">
                <div class="" id="chartComparativoProducao"></div>
                @if($producao_fv->qtd_kwh_produzido > $producao_fv->previsao_kwh_gerado)
                  <p class="col-sm-4 alert alert-success h-25 ml-5" role="alert">
                    Sua produção fotovoltaíca foi maior comparado a previsão.
                  </p>
                @elseif($producao_fv->qtd_kwh_produzido == $producao_fv->previsao_kwh_gerado)
                  <p class="col-sm-4 alert alert-success h-25 ml-5" role="alert">
                    Sua produção fotovoltaíca foi igual comparado a previsão.
                  </p>
                @else
                  <p class="col-sm-4 alert alert-warning h-25 ml-5" role="alert">
                    Sua produção fotovoltaíca foi menor comparado a previsão.                  
                  </p>
                @endif
              </div>            
            @else
              <div class="col-sm-8 alert alert-danger" role="alert">
                <p>Produção fotovoltaíca do mês não cadastrada.<br>
                Cadastre a produção fotovoltaíca <b>{{ucfirst($medicao->data_medicao->monthName)}} / {{$medicao->data_medicao->year}}</b> em "Informe Produção FV" no menu ao lado.</p>
              </div>
            @endif  
          @endif
          <div class="col-sm-8">
            <h3 class="text-center">Análise geral do sistema solar</h3>
            <div class="row justify-content-center">
              <p class="col-sm-6 text-center alert alert-primary">
                Seu saldo total de créditos é: {{$saldo_creditos_total}}
              </p>
              <p>
                Abaixo é informado o gráfico comparativo do consumo e injeção de energia das faturas emitidas pela {{$medidor->concessionaria->nome}}
                e medições independentes feitas pelo cliente após a troca do medidor:
              </p>
              <div class="col-sm-3 mr-5" id="chartComparativoConsumoRede"></div>
              <p class="col-sm-2">&nbsp;</p>
              <div class="col-sm-3 ml-5" id="chartComparativoInjecaoRede"></div>
            </div>
          </div>
          @if(Auth::user()->admin)
            <button data-toggle="modal" data-target="#exportarPDFModal" class="btn btn-outline-success float-right mt-3">
              <i class="fas fa-file-pdf-o" aria-hidden="true"></i>Exportar para PDF
            </button>
            <!-- Modal -->
            <div class="modal fade" id="exportarPDFModal" tabindex="-1" role="dialog" aria-labelledby="exportarPDFModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-lg">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exportarPDFModalLabel">Digite a conclusão</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <form method="post" action="{{route('exportar_pdf.acompanhamento')}}">
                    @csrf
                    <input type="hidden" id="medidor_id" name="medidor_id" value="{{$selected_medidor_id}}"> 
                    <div class="modal-body">
                      <textarea class="form-control" id="conclusao" name="conclusao" rows="10"></textarea> 
                    </div>
                    <div class="custom-control custom-checkbox mb-3 pl-3">
                      <input type="checkbox" class="custom-control-input" id="previsaoFotovoltaica" name="previsaoFotovoltaica" value="1">
                      <label class="custom-control-label pl-4" for="previsaoFotovoltaica">Exportar com previsão fotovoltaíca</label>                      
                    </div>                    
                    <div class="modal-footer">
                      <button class="btn btn-outline-success mt-3" type="submit">Gerar PDF</button>                      
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- Fim modal -->
          @else
            <form method="post" action="{{route('exportar_pdf.acompanhamento')}}">
              @csrf
              <input type="hidden" id="medidor_id" name="medidor_id" value="{{$selected_medidor_id}}">              
               {{-- href="{{ config('app.url') }}/acompanhamento/{{ $selected_medidor_id }}/pdf" --}}
              <button class="btn btn-outline-success float-right mt-3" type="submit">Gerar PDF</button>
            </form>
          @endif
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="https://cdn.ckeditor.com/ckeditor5/21.0.0/classic/ckeditor.js"></script>
  <script>
    ClassicEditor
    .create( document.querySelector( '#conclusao' ), {
        toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ],
        heading: {
            options: [
                { model: 'paragraph', title: 'Parágrafo', class: 'ck-heading_paragraph' },
                { model: 'heading1', view: 'h1', title: 'Título 1', class: 'ck-heading_heading1' },
                { model: 'heading2', view: 'h2', title: 'Título 2', class: 'ck-heading_heading2' }
            ]
        },
        height: '600px',
    } )
    .catch( error => {
        console.log( error );
    } );
  </script>
  <style>
    .ck-editor__editable_inline {
        min-height: 600px;
    }
  </style>
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="https://cdn.jsdelivr.net/npm/apexcharts" charset="utf-8"></script>
  @include('user.acompanhamento.charts.analiseScript')
  @include('user.acompanhamento.charts.comparativoConsumoScript')
  @include('user.acompanhamento.charts.comparativoProducaoScript')
  @include('user.acompanhamento.charts.comparativoConsumoRedeScript')
  @include('user.acompanhamento.charts.comparativoInjecaoRedeScript')  
@endsection