@extends('layouts.user.app')

@section('title', 'Produção Fotovoltaica')

@section('head')
  <link rel="stylesheet" href="{{ asset('css/materialdesignicons.min.css') }}">  
@endsection

@section('content')
  <div class="row">
  @include('user.producao_fotovoltaica._modalConfirmDelete')
  @include('messages._mensagemDismissible')
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">Gerenciar Produção Fotovoltaica</h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.producao_fotovoltaica')}}">
            @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)
                  <option value="{{ $medidor->id }}" @if($selected_medidor_id == $medidor->id)selected @endif>Cód. {{ $medidor->codigo_instalacao }} - {{ $medidor->nome }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-sm-2 pt-4">
              <button type="submit" class="btn btn-primary btn-fw">Selecionar</button>
            </div>            
          </form>
          @if($selected_medidor_id>0)
            <p class="mb-2">Inversor: <span class="badge badge-success" id='msg_save'>Salvo!</span></p>
            <input type="hidden" id="path" value="{{env('APP_URL')}}">
            <input type="hidden" id="selected_medidor_id" value="{{$selected_medidor_id}}">
            <div class="form-group row">              
              <div class="form-radio form-radio-flat mt-0 ml-3">
                <label class="form-check-label">
                  <input class="form-check-input" name="inversor_online" id="inversor_online_sim" value="1" type="radio" {{$on}}>
                  Online
                  <i class="input-helper"></i>
                </label>
              </div>
              <div class="form-radio form-radio-flat-no mt-0 ml-3">
                <label class="form-check-label">
                  <input class="form-check-input" name="inversor_online" id="inversor_online_nao" value="0" type="radio" {{$off}}>
                  Offline
                  <i class="input-helper"></i>
                </label>
              </div>
            </div>                          
          @endif
        </div>
      </div>
      <div>&nbsp;</div>
      <div class="card">
        <div class="card-body">          
          <h2 class="page-header">Produção Fotovoltaica</h2>
          @if ($medidores->isEmpty())
            <div class="alert alert-warning" role="alert">
              Nenhuma produção fotovoltaica cadastrada no momento. Para cadastrar é necessário primeiro incluir um medidor. 
              <a href="{{ config('app.url') }}/medidor/cadastrar" class="btn btn-success btn-fw" role="button">
                <i class="fas fa-plus"></i>
                Clique aqui para incluir um medidor
              </a>
            </div>
          @else
            @if(($selected_medidor_id!=null)&&($producoes->isEmpty()))
              <div class="alert alert-warning" role="alert">
                Nenhuma produção fotovoltaica cadastrada no momento. Clique em "Cadastrar Prod. FV" abaixo para incluir.
              </div>
            @elseif($selected_medidor_id==null)
              <div class="alert alert-warning" role="alert">
                Você precisa selecionar um medidor.
              </div>
            @else
              <div class="table-responsive">
                <table class="table center-aligned-table" id="tabelaProducaoFV">
                  <thead>
                    <tr>
                      <th class="border-bottom-0 font-weight-bold">Mês</th>
                      <th class="border-bottom-0 font-weight-bold">Produção FV</th>                      
                      <th class="border-bottom-0 font-weight-bold text-center">Data</th>
                      <th class="border-bottom-0 font-weight-bold text-center">Editar</th>
                      <th class="border-bottom-0 font-weight-bold text-center">Excluir</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($producoes as $producao)
                      <tr>
                        <td class="text-uppercase">                          
                            {{Carbon\Carbon::parse($producao->data_medicao)->locale('pt_BR')->monthName}}
                            ({{Carbon\Carbon::parse($producao->data_medicao)->format('Y')}})                          
                        </td>
                        <td>{{$producao->qtd_kwh_produzido}} kWh</td>
                        <td class="text-center">
                          <label class="badge badge-primary">
                            {{Carbon\Carbon::parse($producao->data_medicao)->format('d/m/Y')}}
                          </label>
                        </td>                      
                        <td class="text-center">
                          <a href="{{ config('app.url') }}/producao_fotovoltaica/{{$producao->id}}/editar" class="btn btn-outline-success btn-sm">
                            Editar
                          </a>
                        </td>
                        <td class="text-center">
                          <a class="btn btn-outline-danger btn-sm"
                                                                id="confirm"
                                                                data-toggle="modal"
                                                                href="{{ config('app.url') }}#"
                                                                data-target="#delModal"
                                                                data-item_id="{{$producao->id}}"
                                                                data-name="{{strtoupper(Carbon\Carbon::parse($producao->data_medicao)->locale('pt_BR')->monthName)}}"
                                                                aria-label="Delete">
                              Excluir
                            </a>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>               
              </div>
            @endif
            @if($selected_medidor_id!=null)
              <a href="{{ config('app.url') }}/producao_fotovoltaica/{{ $selected_medidor_id }}/cadastrar" class="btn btn-outline-success float-right mt-3" role="button">
                <i class="fas fa-plus"></i>
                Cadastrar Prod. FV
              </a>
            @endif
          @endif          
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="{{ asset('js/confirmDelete.js') }}"></script>
  <script>
    $(document).ready(function () {
      $("#msg_save").hide();
      $("#inversor_online_sim").click(function () {
        $.post($("#path").val() + "/api/inversor_online", { medidor_id:$("#selected_medidor_id").val(), inversor:"1" }, function(data){
          if(data == '1'){
            console.log("sim!");
            $("#msg_save").fadeIn('fast').delay(3000).fadeOut('slow');
          }
        });        
      });
      $("#inversor_online_nao").click(function () {
        $.post($("#path").val() + "/api/inversor_online", { medidor_id:$("#selected_medidor_id").val(), inversor:"0" }, function(data){
          if(data == '1'){
            console.log("nao!");
            $("#msg_save").fadeIn('fast').delay(3000).fadeOut('slow');
          }
        }); 
      });
    });
  </script>
@endsection