@extends('layouts.user.app')

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

@section('content')
  <div class="row">
  @include('user.medidor._modalConfirmDelete')
  @include('messages._mensagemDismissible')
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">Gerenciar Medidores</h2>          
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.medidor')}}">
            @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>
                <option value="T"> Todos </option>
                @foreach($medidores_todos 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">
          @if ($medidores_todos->isEmpty())
            <div class="alert alert-warning" role="alert">
              Nenhum medidor cadastrado no momento. Clique em "Cadastrar" para incluir um novo medidor.
            </div>
          @elseif ($selected_medidor_id === null)
            <div class="alert alert-warning" role="alert">
              Selecione o medidor na listagem acima.
            </div>
          @else
            <div class="table-responsive">
              <table class="table center-aligned-table" id="tabelaMedidores">
                <thead>
                  <tr>
                    <th class="border-bottom-0">Cód. Medidor</th>
                    <th class="border-bottom-0">Nome</th>
                    <th class="border-bottom-0 text-center">Previsão Leitura(dia)</th>
                    <th class="border-bottom-0 text-center">Data Cadastro</th>
                    <th class="border-bottom-0 text-center">Editar</th>
                    <th class="border-bottom-0 text-center">Excluir</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($medidores as $medidor)
                    <tr>
                      <td>{{$medidor->codigo_instalacao}}</td>
                      <td>{{$medidor->nome}}</td>
                      <td class="text-center">
                        @if($medidor->dia_leitura < 10)
                          0{{$medidor->dia_leitura}}
                        @else
                          {{$medidor->dia_leitura}}
                        @endif
                      </td>                      
                      <td class="text-center">
                        <label class="badge badge-primary">
                          {{Carbon\Carbon::parse($medidor->created_at)->format('d/m/Y')}}
                        </label>
                      </td>                      
                      <td class="text-center">
                        <a href="{{ config('app.url') }}/medidor/{{$medidor->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="{{$medidor->id}}"
                                                              data-name="{{$medidor->codigo_instalacao}}"
                                                              aria-label="Delete">
                            Excluir
                          </a>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
              <div class="d-flex justify-content-center">
                {{ $medidores->links() }}
              </div>
            </div>
          @endif
          <a href="{{ config('app.url') }}/medidor/cadastrar" class="btn btn-outline-success float-right mt-3" role="button">
              <i class="fas fa-plus"></i>
              Cadastrar Medidor
          </a>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>
  <script src="{{ asset('js/confirmDelete.js') }}"></script>
@endsection