@extends('_layout')

@section('title', "Busca avançada")

@section('content')
  <div class="row">
    <div class="col">
      <form method="GET" action="{{ route("documento.busca_avancada") }}" id="busca-form">
        @csrf
        <div>
          <x-form-select name="movimentacao"
                         label="Movimentação"
                         v-model="movimentacao">
            <option :value="key" v-for="[key, value] in movimentacoes">@{{ value }}</option>
          </x-form-select>
        </div>
        <div>
          <x-form-select name="tem_ar"
                         label="Status do AR">
            <option :value="key" v-for="[key, value] in tem_ar">@{{ value }}</option>
          </x-form-select>
        </div>
        <div>
          <x-form-select name="processos_com_sem_ar"
                         label="Processos com AR">
            <option :value="key" v-for="[key, value] in processos_com_sem_ar">@{{ value }}</option>
          </x-form-select>
        </div>
        <div>
          <x-form-select name="status_multa"
                         label="Status da multa">
            <option :value="key" v-for="[key, value] in status_multa">@{{ value }}</option>
          </x-form-select>
        </div>
        <div>
          <x-form-select name="capitulacao"
                         label="Capitulação">
            <option :value="key" v-for="[key, value] in capitulacao">@{{ value }}</option>
          </x-form-select>
        </div>
        <div>
          <x-form-input name="nome" label="Nome" type="text"></x-form-input>
        </div>
<!--        <div>
          <br><x-form-checkbox v-model="cpf_cnpj_nao_localizado" name="cpf_cnpj_nao_localizado" label="CPF/CNPJ não localizado"></x-form-checkbox><br>
        </div>-->
        <div>
          <x-form-input name="cpf_cnpj" label="CPF/CNPJ" type="text"></x-form-input>
        </div>
        <div class="mb-3">
          <x-form-checkbox name="endereco_invalido" label="Endereço Inválido"></x-form-checkbox>
        </div>
        <div>
          <button class="btn btn-primary mb-5">Buscar</button>
        </div>
      </form>
    </div>
  </div>
@endsection

@push('scripts')
  <script>
    new Vue({
      el: '#busca-form',
      data: {
        movimentacoes: @json($movimentacoes),
        tem_ar: @json($tem_ar),
        processos_com_sem_ar: @json($processos_com_sem_ar),
        status_multa: @json($status_multa),
        capitulacao: @json($capitulacao),
        //cpf_cnpj_nao_localizado: false
      }
    });
  </script>
@endpush