@extends('layouts.user.app')

@section('title', 'Acompanhamento')

@section('content')
  <div class="row" id="app">  
  @include('messages._mensagemDismissible')  
    <div class="col-12 grid-margin">     
      <div class="card">
        <div class="card-body">
          @include('errors.lista')
          <h2 class="page-header">Acompanhamento</h2>
          <form class="row form-filtro-medidor pt-2" method="POST" action="{{route('filtro.acompanhamento')}}">
            @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">Gerar relatório</button>
            </div>             
          </form>
        </div>
      </div>
      <div>&nbsp;</div>
      <div class="card">
        <div class="card-body"> 
          <div class="alert alert-warning" role="alert">
            Para gerar o relatório selecione um medidor e depois clique no botão "Gerar relatório".
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script src="{{ asset('js/alertDismiss.js') }}"></script>  
@endsection