@extends('_layout')

@section('title', 'AR')

@section('content')
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.20/dist/sweetalert2.min.css">
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.20/dist/sweetalert2.all.min.js"></script>

  <x-form enctype="multipart/form-data" id="form-ar">
    <div class="row">
      <div class="col-xl-6">
        <x-form-input v-model="ain_to_get" name="ain" label="AIN"></x-form-input>
        <x-form-input name="anexo" type="file" label="Anexo" accept=".pdf"></x-form-input>
        <div class="row">
          <div class="col-xl-6">
            <x-form-group label="Tipo">
              <x-form-radio name="tipo" value="recebido" label="Recebido" v-model="tipo" />
              <x-form-radio name="tipo" value="devolvido" label="Devolvido" v-model="tipo" />
            </x-form-group>
          </div>
          <div class="col-xl-6" v-if="tipo === 'devolvido'">
            <x-form-select name="motivo" label="Motivo" :options="$motivos">
            </x-form-select>
          </div>
          <div class="col-xl-6" v-if="tipo === 'recebido'">
            <x-form-input name="data_recebimento" type="date" label="Data de Recebimento"></x-form-input>
          </div>
        </div>
        <button class="btn btn-primary" type="button" v-on:click="validaFisico()">
          Enviar
        </button>
      </div>
    </div>
  </x-form>
  
@endsection

@push('scripts')
<script>
  new Vue({
    el: '#form-ar',
    data: {
      tipo: @json(old('tipo')),
      ain_to_get: @json(old('ain_to_get')),
    },
    methods: {
      validaFisico() {
        $.post(
          @json(route('ar.getProcessoFisico')),
          $.param({
            ain: this.ain_to_get
          })
        ).then((resultPost) => {
          if(resultPost == 1){
            submitForm(1);
          }
          else{
            submitForm(0);
          }
        });
      }
    }
  });

  function submitForm($ehFisico){
    if($ehFisico == 1){
      let result = Swal.fire({
        title: 'Informações',
        text: 'Lembre-se que para um PROCESSO FÍSICO, o SGF não faz movimentações automáticas no GED, é necessário pegar os documentos gerados nesse ambiente para replicar manualmente no GED após o prazo do status atual do processo.',
        icon: 'warning',
        confirmButtonText: 'OK'
      });

      result.then((sweetResult) => {
          if(sweetResult.isConfirmed == true){
            //fazer o submit do form
            document.getElementById('form-ar').submit();
          }
      });
    }
    else{
      document.getElementById('form-ar').submit();
    }
  }

</script>
@endpush