@extends('layouts.user.app')

@section('title', 'Gerenciar Contas')

@section('content')
  <div class="row">
  @include('user.conta._modalConfirmDelete')
  @include('messages._mensagemDismissible')  
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">Gerenciar Conta</h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.conta')}}">
            @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">Selecionar</button>
            </div>            
          </form>
        </div>
      </div>
      <div>&nbsp;</div>
      <div class="card">
        <div class="card-body">          
          <h2 class="page-header">Contas</h2>
          @if ($medidores->isEmpty())
            <div class="alert alert-warning" role="alert">
              Nenhum medidor cadastrado no momento. Para cadastrar uma conta é 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)&&($contas->isEmpty()))
              <div class="alert alert-warning" role="alert">
                Nenhuma conta cadastrada no momento. Clique em "Cadastrar Conta" abaixo para incluir uma nova conta.
              </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="tabelaContas">
                  <thead>
                    <tr>
                      <th class="border-bottom-0 font-weight-bold">Mês</th>
                      <th class="border-bottom-0 font-weight-bold">Consumo</th>
                      @if($medidor->producao_fv)
                        <th class="border-bottom-0 font-weight-bold">Injetado</th>
                      @endif
                      <th class="border-bottom-0 font-weight-bold text-center">Data Leitura</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 ($contas as $conta)
                      <tr>
                        <td class="text-uppercase">
                          <a href="{{ config('app.url') }}/conta/{{$conta->id}}/show">                          
                            {{Carbon\Carbon::parse($conta->data_medicao)->locale('pt_BR')->monthName}}
                            ({{Carbon\Carbon::parse($conta->data_medicao)->format('Y')}})                         
                          </a>
                        </td>
                        <td>{{$conta->kwh_quantidade}} kWh</td>
                        @if($medidor->producao_fv)
                          <td>{{$conta->injetado}} kWh</td>
                        @endif
                        <td class="text-center">
                          <label class="badge badge-primary">
                            {{Carbon\Carbon::parse($conta->data_medicao)->format('d/m/Y')}}
                          </label>
                        </td>                      
                        <td class="text-center">
                          <a href="{{ config('app.url') }}/conta/{{$conta->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="{{$conta->id}}"
                                                                data-name="{{strtoupper(Carbon\Carbon::parse($conta->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') }}/conta/{{ $selected_medidor_id }}/cadastrar" class="btn btn-outline-success float-right mt-3" role="button">
                <i class="fas fa-plus"></i>
                Cadastrar Conta
              </a>
            @endif
          @endif          
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="{{ asset('js/confirmDelete.js') }}"></script>
@endsection