@extends('layouts.user.app')

@section('title', 'Medição Independente')

@section('head')
  <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('content')
  <div class="row" id="app">  
  @include('user.medicao._modalConfirmDelete')
  @include('messages._mensagemDismissible')
  @include('messages._mensagemNoDismiss')
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">
            Medições Independentes
          </h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.medicao')}}">
            @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>
            {{-- <medidores-dropdown medidores-data="{{ $medidores->toJson() }}" 
                                data-referente="{{Carbon\Carbon::parse($dataReferente)->format('Y-m-d')}}"
                                medidor-selecionado="{{$selected_medidor_id ?? '0'}}"
                                tipo-data="medicao"
                                app-url="{{env('APP_URL')}}">
            </medidores-dropdown>    --}}
            <div class="col-sm-2 pb-3 d-flex align-items-end">
              <button type="submit" id="select_medidor" class="btn btn-primary btn-fw align-bottom">Selecionar</button>
            </div>           
          </form>
        </div>
      </div>
      <div>&nbsp;</div>
      <div class="card">
        <div class="card-body">          
          <h2 class="page-header">Medições</h2>
          @if ($medidores->isEmpty())
            <div class="alert alert-warning" role="alert">
              Nenhum medidor cadastrado no momento. Para cadastrar uma medição independente é 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
            <p>
              Com a medição independente você pode fazer uma previsão do valor de sua próxima conta, para isso é necessário fazer 
              uma medição no mês atual, no mínimo em 3 dias diferentes.
            </p>
            @if(($selected_medidor_id!=null)&&($medicoes->isEmpty()))
              <div class="alert alert-warning" role="alert">
                Nenhuma medição feita no mês atual no momento. Clique em "Cadastrar Medição" abaixo para cadastrar uma nova medição.
              </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">Dia/Mês</th>
                      <th class="border-bottom-0 font-weight-bold text-center">Consumo</th>
                      @if($medidor->producao_fv == 1)
                        <th class="border-bottom-0 font-weight-bold text-center">Injeção</th>
                      @endif
                      <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 ($medicoes as $medicao)
                      <tr>
                        <td class="text-uppercase">
                          <a href="{{ config('app.url') }}/medicao/{{$medicao->id}}/show">                          
                            {{Carbon\Carbon::parse($medicao->data_medicao)->format('d/m/Y')}}
                          </a>
                        </td>
                        <td class="text-center">{{$medicao->consumo}}</td>                        
                        @if($medidor->producao_fv == 1)
                          <td class="text-center">{{$medicao->injecao}}</td>
                        @endif
                        <td class="text-center">
                          <a href="{{ config('app.url') }}/medicao/{{$medicao->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="{{$medicao->id}}"
                                                                data-name="{{Carbon\Carbon::parse($medicao->data_medicao)->day}}/{{strtoupper(Carbon\Carbon::parse($medicao->data_medicao)->locale('pt_BR')->monthName)}}"
                                                                aria-label="Delete">
                              Excluir
                            </a>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>               
              </div>
            @endif
            
          @endif  
          @if($selected_medidor_id!=null)
            <a href="{{ config('app.url') }}/medicao/{{ $selected_medidor_id }}/cadastrar" class="btn btn-outline-success float-right mt-3" role="button">
              <i class="fas fa-plus"></i>
              Cadastrar Medição
            </a>
          @endif        
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="{{ asset('js/confirmDelete.js') }}"></script>
@endsection