@extends('_layout')

@section('content')
  @if($docs)
    <div id="docs">
      <div class="checkbox float-right">
        <label>
          <input type="checkbox" v-model="todos"> mostrar todos
        </label>
      </div>
      @foreach($docs as $doc)
        <div class="mb-3 d-flex align-items-center" v-if='mostrar(@json($doc->doc_tipo))'>
          <div class="mr-3">
            {{ $doc->doc_numero }} {{ $doc->doc_pof_tipo }}<br>
            <span class="badge badge-secondary">{{ $doc->doc_tipo }}</span>
          </div>
          <div>
            <a href="{{ $doc->link }}" class="btn btn-primary">
              <i class="fa fa-arrow-right"></i>
              Abrir
            </a>
            @if($doc->doc_tipo === 'processo' AND App::environment() != 'production')
              <a href="{{ route('med-fake.buscar', ['processo'=> $doc->doc_numero]) }}" class="btn btn-secondary">
                <i class="fa fa-arrow-right"></i>
                MED Fake
              </a>
            @endif
          </div>
        </div>
      @endforeach
    </div>
  @else
    <p>Nenhum documento encontrado.</p>
  @endif
@endsection

@push('scripts')
  <script>
    new Vue({
      el: '#docs',
      data: {
        todos: false,
      },
      methods: {
        mostrar(tipo) {
          return this.todos || tipo !== 'ain';
        },
      }
    })
  </script>
@endpush