@extends('layouts.user.app')

@section('title', 'Notificações')

@section('content')
  <div class="row">
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h2 class="page-header">Notificações</h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.notificacao')}}">
            @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">
          @if ($medidores->isEmpty())
            <div class="alert alert-warning" role="alert">
              Nenhum medidor cadastrado no momento. Para receber notificações é necessário o cadastro de um medidor antes. 
              <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)&&($notificacoes->isEmpty()))
              <div class="alert alert-warning" role="alert">
                Nenhuma notificação no momento, para o medidor selecionado. 
              </div>
            @elseif($selected_medidor_id==null)
              <div class="alert alert-warning" role="alert">
                Para ver as notificações você precisa selecionar um medidor antes.
              </div>
            @else
              <div class="table-responsive">
                <table class="table center-aligned-table" id="tabelaNotificacoes">
                  <thead>
                    <tr>
                      <th class="border-bottom-0 font-weight-bold">Notificação</th>
                      <th class="border-bottom-0 font-weight-bold text-center">Status</th>                      
                      <th class="border-bottom-0 font-weight-bold text-center">Data</th>                      
                      <th class="border-bottom-0 font-weight-bold text-center">Visualizar</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($notificacoes as $notificacao)
                      <tr>                        
                        <td>{{$notificacao->notification}}</td>                        
                        <td class="text-center">                          
                          <label class="badge badge-{{$notificacao->status == true? 'primary':'success'}}">
                            {{$notificacao->status == true? 'Lido':'Novo'}}
                          </label>           
                        </td>    
                        <td class="text-center">
                          <label class="badge badge-primary">
                            {{Carbon\Carbon::parse($notificacao->created_at)->format('d/m/Y')}}
                          </label>
                        </td>                      
                        <td class="text-center">
                          <a href="{{ config('app.url') }}/{{$notificacao->action}}" class="btn btn-outline-success btn-sm">
                            Visualizar
                          </a>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>               
              </div>
            @endif
            @if(($selected_medidor_id!=null)&&(Auth::user()->admin)&&(1===0))
              <a href="{{ config('app.url') }}/notificacoes/{{ $selected_medidor_id }}/cadastrar" class="btn btn-outline-success float-right mt-3" role="button">
                <i class="fas fa-plus"></i>
                Criar notificação
              </a>
            @endif
          @endif          
        </div>
      </div>
    </div>
  </div>
@endsection