@extends('layouts.app')

@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item active"><a href="{{ route('inspeccion.index') }}">Módulo Inspección</a></li>
    <li class="breadcrumb-item active"><a href="{{ route('inspeccion.fiscalizaciones.index') }}">Fiscalizaciones</a></li>
    <li class="breadcrumb-item active">@{{titulo_pagina}}</li>
  </ol>
</nav>
@stop

@section('content') 
<b-card>
  <template #header>
      Datos del sujeto a Fiscalizar <i v-if="sujeto.id!=null" @click="cambiarSujeto()" class='btn btn-sm btn-info fa fa-edit'></i>
    </template>
  <div v-if="sujeto.id ==null || displayBusqueda">
  <div class="form-group col-12">
            <b-input-group prepend="Nombre o N° identificación">
              <b-form-input v-on:keyup.enter="buscarSujeto" debounce="1500" v-model="busquedaSujeto" type="text" name="busquedaSujeto" ></b-form-input>
              <b-input-group-append>
                <b-button variant="info" @click="buscarSujeto()"><i class="fa fa-search"></i></b-button>
              </b-input-group-append>
            </b-input-group>
            
          </div>
          <b-table show-empty responsive striped hover bordered 
            :xitems="tablaSujetos.items" 
            :items="buscarSujeto" 
            :fields="tablaSujetos.fields" 
            :busy.sync="tablaSujetos.busy"
            :filter="busquedaSujeto"
            >

            <template v-slot:cell(fiscalizaciones)="data">
              <a href="#" v-b-modal.modal-nfiscalizaciones @click="nfiscalizaciones=data.item.fiscalizaciones">@{{data.item.fiscalizaciones.length}}</a>
            </template>
            
          

          <template #table-busy>
            <div class="text-center text-danger my-2">
                <b-spinner class="align-middle"></b-spinner>
                <strong>Cargando Datos...</strong>
            </div>
          </template>
          <template #empty="scope">
            <div class="text-center text-danger my-2">
            <strong>Sin Datos</strong>
            </div>
          </template>

          <template #emptyfiltered="scope">
            <div class="text-center text-danger my-2">
            <strong>No hay datos que coincidan con su criterio de búsqueda</strong><br/>
            <a class="btn btn-info" v-b-modal.modal-sujeto>Agregar Sujeto</a>
            </div>
          </template>

            <template v-slot:cell(opciones)="data">
              <b-button variant="info" size="sm" @click="sujeto=data.item;fiscalizacion.id_sujetoFiscalizacion = data.item.id"><i class="fa fa-check"></i></b-button>
            </template>
          </b-table>

  </div>
  <div class="d-flex justify-content-between" v-if="sujeto.id !=null">
    <div clas="col-sm-6 col-md-3 ">
      <div clas="col-12"><strong>Rut/Patente/rol</strong></div>
      <div clas="col-12">@{{sujeto.n_identificacion}}</div>
    </div>
    <div clas="col-sm-6 col-md-3">
      <div clas="col-12"><strong>Nombre</strong></div>
      <div clas="col-12">@{{sujeto.nombre}}</div>
    </div>
    <div clas="col-sm-6 col-md-3">
      <div clas="col-12"><strong>Dirección</strong></div>
      <div clas="col-12">@{{sujeto.direccion}}</div>
    </div>
    <div clas="col-sm-6 col-md-3">
      <div clas="col-12"><strong>Contacto</strong></div>
      <div clas="col-12">@{{sujeto.contacto}}</div>
    </div>
  </div>

</b-card>

<b-card :header="titulo_pagina" v-if="sujeto.id !=null">
    <div class="row">
          <div class="col-12 row">
          <div class="form-group col-sm-7  col-12">
            <label for="tipo_fiscalizacion" class="font-weight-bold">Tipo de Requerimiento</label>
            <b-form-radio-group :disabled="!edicion" inline  v-model="fiscalizacion.tipo_fiscalizacion">
                <template v-for="(item,index) in tipos_requerimientos">
                    <b-form-radio :value="item">@{{item}}</b-form-radio>
                </template>
            </b-form-radio-group>
          </div>

          <div class="form-group col-sm-5  col-12" v-if="fiscalizacion.tipo_fiscalizacion=='Visita'">
            <label for="id_fiscalizacion_referencia" class="font-weight-bold">Boleta de Referencia</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.id_fiscalizacion_referencia"  :options="boleta_referencias" label="n_boleta" index="id" name="boleta_referencia" id="boleta_referencia" required="required" ></v-select>
            <b-form-checkbox v-model="solo_visita" size="sm"> Solo con Visita Pendiente</b-form-checkbox>
          </div>
        </div>
        <div class="form-group col-sm-6 col-md-3  col-12">
          <label for="n_boleta" class="font-weight-bold">N° Boleta</label>
          <b-form-input :disabled="!edicion" v-model="fiscalizacion.n_boleta" type="text" name="n_boleta" id="n_boleta"></b-form-input>
        </div>

          <div class="form-group col-sm-6 col-md-3  col-12">
            <label for="fecha_requerimiento" class="font-weight-bold">Fecha Requerimiento</label>
            <b-form-datepicker :disabled="!edicion"  v-model="fiscalizacion.fecha_requerimiento" type="text" name="fecha_requerimiento" placeholder="Seleccione fecha" start-weekday="1" locale="es" :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"  id="fecha_requerimiento" required="required" class="form-control"></b-form-datepicker>
          </div>

          <div class="form-group col-sm-6 col-md-3  col-12">
            <label for="tipo_doc_emitido" class="font-weight-bold">Documento Emitido</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.tipo_doc_emitido"  :options="tipo_doc_emitidos"  name="tipo_doc_emitido" id="tipo_doc_emitido" required="required" ></v-select>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="departamento_solicitante" class="font-weight-bold">Departamento solicitante</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.departamento_solicitante"  :options="departamentos_solicitantes" label="nombre" index="id" name="departamento_solicitante" id="departamento_solicitante" required="required" ></v-select>
          </div>

          

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="fecha_fiscalizacion" class="font-weight-bold">Fecha Fiscalización</label>
            <b-form-datepicker :disabled="!edicion"  v-model="fiscalizacion.fecha_fiscalizacion" type="text" name="fecha_fiscalizacion" placeholder="Seleccione fecha" start-weekday="1" locale="es" :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"  id="fecha_fiscalizacion" required="required" class="form-control"></b-form-datepicker>
          </div>
          <div class="form-group col-sm-6 col-md-3  col-12">
            <label for="procedimiento" class="font-weight-bold">Tipo de Procedimiento</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.procedimiento"  :options="procedimientos"  name="procedimiento" id="procedimiento" required="required" ></v-select>
          </div>
          <div class="form-group col-sm-6 col-md-3  col-12">
            <label for="tipo_patente" class="font-weight-bold">Tipo Patente/Permiso</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.tipo_patente"  :options="tipo_patentes"  name="tipo_patente" id="tipo_patente" required="required" ></v-select>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="lugar_infraccion" class="font-weight-bold">Lugar de la Infracción</label>
            <b-form-input :disabled="!edicion" v-model="fiscalizacion.lugar_infraccion" type="text" name="lugar_infraccion" id="lugar_infraccion"></b-form-input>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="destino_citacion" class="font-weight-bold">Destino de Citación</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.destino_citacion"  :options="destino_citaciones"  name="destino_citaciones" id="destino_citaciones" required="required" ></v-select>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="fecha_citacion" class="font-weight-bold">Fecha Citación</label>
            <b-form-datepicker :disabled="!edicion"  v-model="fiscalizacion.fecha_citacion" id="fecha_citacion" name="fecha_citacion" placeholder="Seleccione fecha" start-weekday="1" locale="es" :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"  required="required" class="form-control"></b-form-datepicker>
          </div>

            <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="inspector" class="font-weight-bold">Inspector</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.inspector"  :options="inspectores" label="nombre" index="id" name="inspector" id="inspector" required="required" ></v-select>
          </div>
          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="apoyo" class="font-weight-bold">Apoyo</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.apoyo"  :options="inspectores" label="nombre" index="id" name="apoyo" id="apoyo" required="required" ></v-select>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="apoyo" class="font-weight-bold">Normativa</label>
            <v-select :disabled="!edicion" @input="getCausales" v-model="fiscalizacion.normativa"  :options="normativas" label="nombre" index="id" name="normativa" id="normativa" required="required" ></v-select>
          </div>

          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="causal" class="font-weight-bold">Causal</label>
            <v-select :disabled="!edicion" v-model="fiscalizacion.id_causal"  :options="causales" label="nombre" index="id" name="causal" id="causal" required="required" ></v-select>
          </div>          
          
          <div class="form-group col-sm-6 col-md-3 col-12">
            <label for="requiere_visita" class="font-weight-bold">Requiere Visita</label>
            <b-form-checkbox class="pull-left" :disabled="!edicion" v-model="fiscalizacion.requiere_visita" size="lg"></b-form-checkbox>
            <b-form-datepicker :disabled="!edicion" v-if="fiscalizacion.requiere_visita==1" v-model="fiscalizacion.fecha_citacion" type="text" name="fecha_citacion" placeholder="Seleccione fecha" start-weekday="1" locale="es" :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"  id="fecha_citacion" required="required" class="form-control"></b-form-datepicker>
      
          </div>


          
         

        <div class="col-12">
         <map-geosearch @input="leerGeo" :read-only="!edicion" ref="mapa" style="height:300px"></map-geosearch>
        </div>

          <div class="form-group col-sm-12">
            <label for="archivos" class="font-weight-bold">Archivos</label>

           
            <file-pond 
            label-idle="Pinche aquí o arrastre los archivos..."
            allow-multiple="true"
            allow-process="false"
            instant-upload="false"
            store-as-file="true"
            image-preview-height="200"
            :files="archivos" 
            :disabled="!edicion"
            @updateFiles="handleFiles"
            @activatefile="previewFiles"
            ref="archivos"  />
        
          </div>

          <div class="form-group col-sm-12">
            <label for="observaciones" class="font-weight-bold">Observaciones</label>
            <b-form-textarea :disabled="!edicion" rows="3" max-rows="6" v-model="fiscalizacion.observaciones" type="text" name="observaciones" ></b-form-textarea>
          </div>

          <div class="row col d-flex justify-content-end">
            <b-button href="{{route('inspeccion.fiscalizaciones.index')}}" variant="secondary">Volver</b-button>&nbsp;
            <b-button @click="guardarDatos" variant="primary" v-if="edicion">Guardar</b-button>
            
          </div>

    </div>

</b-card>   

<b-modal id="modal-sujeto"  size="xl" centered title="Datos de Sujeto" @ok="guardarDatosSujeto">
      <div class="row">
          <div class="col-12 row">
          <div class="form-group col-sm-7  col-12">
            <label for="tipo_sujeto" class="font-weight-bold">Tipo de Sujeto</label>
            <b-form-radio-group  inline  v-model="sujeto.tipo_sujeto">
                <template v-for="(item,index) in tipos_sujetos">
                    <b-form-radio :value="item">@{{item}}</b-form-radio>
                </template>
            </b-form-radio-group>
          </div>

        </div>
        <div class="form-group col-sm-9  col-12">
          <label for="nombre" class="font-weight-bold">Nombre/razón Social/Vehículo</label>
          <b-form-input  v-model="sujeto.nombre" type="text" name="nombre" id="nombre"></b-form-input>
        </div>

          <div class="form-group col-sm-3  col-12">
            <label for="n_identificacion" class="font-weight-bold">RUT/Placa Patente</label>
            <b-input-group>
              <b-form-input  v-model="sujeto.n_identificacion" type="text" name="n_identificacion" ></b-form-input>
              
            </b-input-group>
            
          </div>
          <div class="row col-sm-6 col-12 align-content-start">
          <div class="form-group  col-12">
            <label for="direccion" class="font-weight-bold">Dirección</label>
            <b-form-input v-model="sujeto.direccion" type="text" name="direccion" ></b-form-input>
          </div>

          <div class="form-group  col-12">
            <label for="contacto" class="font-weight-bold">Contacto</label>
            <b-form-input v-model="sujeto.contacto" type="text" name="contacto" ></b-form-input>
          </div>
        </div>
          <div class="form-group col-sm-12">
            <label for="observaciones" class="font-weight-bold">Observaciones</label>
            <b-form-textarea rows="3" max-rows="6" v-model="sujeto.observaciones" type="text" name="observaciones" ></b-form-textarea>
          </div>

  
          <div class="col d-flex justify-content-end d-none">
            <b-button @click="guardarDatosSujeto" variant="primary" >Guardar</b-button>
          </div>
          
    </div>
  </b-modal>
  <b-modal id="modal-nfiscalizaciones"  size="xl" centered title="N° de Fiscalizaciones" >

          <b-table show-empty responsive striped hover bordered 
            :items="nfiscalizaciones" 
            :fields="['n_boleta','tipo_fiscalizacion','fecha_fiscalizacion','procedimiento','tipo_doc_emitido','tipo_patente']" 
            >
            <template  v-slot:cell(n_boleta)="data">
              <a target="_blank" class="text-center" :href="this.route('inspeccion.fiscalizaciones.show',{fiscalizacione:data.item.id})">@{{data.item.n_boleta}}</a>
            </template>
          
          </b-table>

  </b-modal>

@endsection

@push('pre-scripts')
<link rel="stylesheet" href="https://unpkg.com/leaflet-geosearch@2.6.0/assets/css/leaflet.css">

<script>
  
window.pageMix.push({
    data() {
        return {
          archivos:[],
            tipo:"{{$tipo ?? 'administrativo'}}",
            titulo_pagina:"Nueva Fiscalización",
            solo_visita:true,
            boleta_referencias:[],
            edicion:true,
            tipo_identificacion:["RUT","Placa Patente","Rol Comercial"],
            tipos_requerimientos:["Planificación","Nuevo requerimiento","Visita"],
            procedimientos:["Fiscalizacion","Vigilancia","Apoyo","Otros"],
            tipo_doc_emitidos:["Notificación","Infracción","Parte Empadronado","Acta","Visita"],
            tipo_patentes:["Alcoholes","Comercial","Microempresa","Ambulante","Extracción de Áridos","Permisos de Construcción","Permiso de Demolición","Venta de leña","No Tiene","Infracción de Tránsito","Venta de Ropa Usada","Feria Itinerante","Otros"],
            destino_citaciones:["Dirección de Obras","Medio Ambiente","Departamento de Tránsito","JPL","Otros"],
            inspectores:[],
            normativas:[],
            causales:[],
            displayBusqueda:false,
            tipos_sujetos:["Persona","Empresa","Inmueble","Vehículo"],
            departamentos_solicitantes:[],
            fiscalizacion:{
                sujeto:null,
                archivos:[],
                tipo_identificacion:null,
                id_fiscalizacion_referencia:null,
                id_sujetoFiscalizacion:null,
                sujeto:null,
                n_boleta:null,
                departamento_solicitante:null,
                lugar_infraccion:null,
                latitud:null,
                longitud:null,
            },
            nfiscalizaciones:null,
            sujeto:{
            },
            busquedaSujeto:null,
            tablaSujetos:{
              items:[],
              fields:['n_identificacion','tipo_sujeto','nombre','fiscalizaciones','opciones'],
              busy:false,
            }
        }
    },
    computed: {},
    created(){
      axios.get("{{ route('inspeccion.getDepartamentosMunicipales')}}").then(response => {this.departamentos_solicitantes = response.data });
      @isset($fiscalizacion)
      this.fiscalizacion= @json($fiscalizacion);
      this.sujeto =this.fiscalizacion.sujeto;
      this.titulo_pagina="Modificación de Fiscalización N°"+ this.fiscalizacion.id;
      this.archivos=this.fiscalizacion.archivos;
      this.fiscalizacion.archivos =[];

      this.edicion = {{$editar ?? 'false'}};
      if(this.edicion)
        this.titulo_pagina="Modificación de Fiscalización N°"+ this.fiscalizacion.id;
      else
        this.titulo_pagina="Ver Fiscalización N°"+ this.fiscalizacion.id;

      @endisset
      @isset($sujeto)
        this.fiscalizacion.sujeto = @json($sujeto);
        this.fiscalizacion.id_sujetoFiscalizacion = this.fiscalizacion.sujeto.id;
        console.log("isset sujeto");
        this.edicion = true;
      @endisset

      @isset($referencia)
      this.fiscalizacion.id_fiscalizacion_referencia = {{$referencia}};
      this.fiscalizacion.tipo_fiscalizacion = "Visita";
      @endisset
  
      
      axios.get("{{ route('inspeccion.getInspectores')}}").then(response => {
        this.inspectores = response.data
        if( this.fiscalizacion.inspector==null){
          //buscar al inspector
          let result = null//(this.inspectores.find(({ name }) =>{ console.log(name);name.id_usuario == {{ Auth::user()->id  }} });
          if(result){
            this.fiscalizacion.inspector=result[0].id;
          }
          //console.log(result);
        }
      });
      axios.get("{{ route('inspeccion.getNormativas')}}").then(response => {
        this.normativas = response.data;
        if(this.fiscalizacion.causal!=undefined){
          this.fiscalizacion.normativa = this.fiscalizacion.causal.normativa.id;
          this.getCausales(true);
        }
      
      });
      axios.get("{{ route('inspeccion.getReferencias')}}?solovisitas="+this.solo_visita).then(response => {this.boleta_referencias = response.data });


    },
    mounted() {
      if(this.fiscalizacion.latitud!=null){
        this.$refs.mapa.onAddPosition({address:this.fiscalizacion.lugar_infraccion,position:{lat:this.fiscalizacion.latitud,lng:this.fiscalizacion.longitud}});
      }
     

    },
    methods:{
      handleFiles(files){
        this.fiscalizacion.archivos=[];
        for (let [key, value] of Object.entries(files)) {
          this.fiscalizacion.archivos.push(value.file);
        }
      },
      guardarDatosSujeto(ev){
        ev.preventDefault();
        this.$swal.fire({
          title: 'Desea guardar los datos de '+this.sujeto.nombre,
          showDenyButton: true,
          showCancelButton: true,
          confirmButtonText: 'Guardar',
          denyButtonText: 'No guardar',
          }).then((result) => {
            if (result.isConfirmed) {
              this.$swal.fire({title: 'Guardando datos',showConfirmButton: false,allowOutsideClick:false});
              axios.post(route('inspeccion.sujetos.guardar'),this.sujeto).then((response) => {
                if(response.data.estado==="OK"){
                  this.$swal.fire({
                    icon: 'success',
                      title: 'Datos guardados',
                      text: '¿Agregar Fiscalización?',
                      allowOutsideClick:false,
                      showCancelButton: true,
                      confirmButtonText: 'Seguir',
                      cancelButtonText: 'Salir',
                    }).then((result) => {
                      if (result.isConfirmed) {
                        this.sujeto.id=response.data.id; 
                        this.fiscalizacion.id_sujetoFiscalizacion = response.data.id;
                        this.$root.$emit('bv::hide::modal', 'modal-sujeto', '#');
                        this.$forceUpdate();
                      }
                    })
                }else{
                  this.$swal.fire({title:"Error al intentar guardar los datos, inténtelo nuevamente",text:response.data.mensaje});
                }
              }
              ).catch(function (error) {
                  if(error.response.status==422){
                    let arr = error.response.data.errors;
                    let str = "";
                    Object.keys(arr).forEach(key => {
                      str = str + "- " +arr[key][0]+"<br/>";
                    });
                    this.$swal.fire("Datos incompletos ",str);

                  }else{
                    this.$swal.fire("Error en la respuesta del servidor",error.response.status);
                  }
                }
              );
            } else if (result.isDenied) {
              //this.$swal.fire('Changes are not saved', '', 'info')
            }
          })
        
      },   
      previewFiles(file){
        console.log("previewFiles")
        console.log(file.file)
        if(file.file.constructor==Blob){
                let url = URL.createObjectURL(file.file);
                let anchorElement = document.createElement('a');
                anchorElement.href = url;
                anchorElement.download = file.file.name;
                anchorElement.target = "_blank";

                anchorElement.click();
                anchorElement.remove();
                URL.revokeObjectURL(url);
        }else{
          this.$swal.fire("en implementacion la descarga de archivos subidos por el usuario");
        }


       // file.getFile();
        
      },
      leerGeo(value){
        this.fiscalizacion.lugar_infraccion = value.address;
        this.fiscalizacion.latitud = value.position.lat;
        this.fiscalizacion.longitud = value.position.lng;
      },
      buscarSujeto(){
        this.tablaSujetos.busy = true;
        return axios.get("{{ route('inspeccion.sujetos.buscarsujetos')}}?query="+this.busquedaSujeto).then(response => { this.tablaSujetos.busy=false;return response.data; });
      },
      cambiarSujeto(){
        let that=this;
        this.$swal.fire({
          title: '¿Desea Cambiar el Sujeto de Fiscalización?',
          showDenyButton: true,
          showCancelButton: true,
          confirmButtonText: 'Cambiar',
          denyButtonText: 'Cerrar',
          }).then((result) => {
            if (result.isConfirmed) {
              that.sujeto={};
              that.fiscalizacion.id_sujetoFiscalizacion = null;
            }
          
          });
      },

      getCausales(noreset){
        if(this.fiscalizacion.normativa!=null){
          if(!noreset)
            this.fiscalizacion.id_causal = null;
          axios.get(route('inspeccion.getCausales')+"?id="+this.fiscalizacion.normativa).then(response => {this.causales = response.data });

        }

      },
      guardarDatos(){
        this.$swal.fire({
          title: 'Desea guardar los datos de la boleta N° '+this.fiscalizacion.n_boleta,
          showDenyButton: true,
          showCancelButton: true,
          confirmButtonText: 'Guardar',
          denyButtonText: 'No guardar',
          }).then((result) => {
            if (result.isConfirmed) {
              let that = this;

              let datos = new FormData();
              for (var [key, value] of Object.entries(this.fiscalizacion)) {
                  datos.append(key, value);
              }
              for (var [key, value] of Object.entries(this.fiscalizacion.archivos)) {
                if(value.constructor==Blob){
                    datos.append("archivos[]", new File([value],value.name,{type:value.type}));
                  }else{
                    datos.append("archivos[]", value);
                  }
              }
              console.log(datos);
//return false;
              axios.post(route('inspeccion.fiscalizaciones.guardar'),datos,{headers: {'Content-Type': 'multipart/form-data'}}).then((response) => {
                if(response.data.estado==="OK"){
                  this.$swal.fire({
                    icon: 'success',
                      title: 'Datos guardados',
                      text: '¿seguir editando?',
                      allowOutsideClick:false,
                      showCancelButton: true,
                      confirmButtonText: 'Seguir',
                      cancelButtonText: 'Salir',
                    }).then((result) => {
                      if (result.isConfirmed) {
                        window.location.href = response.data.urlredir;
                      } else if (result.dismiss=="cancel") {
                        window.location.href = route("inspeccion.fiscalizaciones.index");
                      }
                    })
                }else{
                  this.$swal.fire("Error al intentar guardar los datos, inténtelo nuevamente");
                }
              }).catch(function (error)  {
                  if(error.response.status==422){
                    let arr = error.response.data.errors;
                    
                    let str = "";
                    Object.keys(arr).forEach(key => {
                      str = str + "- " +arr[key][0]+"<br/>";
                    });
                   
                    that.$swal.fire({title:"Datos incompletos",html:str});

                  }else{
                    that.$swal.fire("Error en la respuesta del servidor",error.response.status);
                  }
                }
              );
            } else if (result.isDenied) {
              //this.$swal.fire('Changes are not saved', '', 'info')
            }
          })
        
      }








    }
});
</script>


@endpush