@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('pagohonorarios.index') }}">Pago de Honorarios</a></li>
    <li class="breadcrumb-item active"><a href="{{ route('pagohonorarios.nuevo') }}">@{{titulo_pagina}}</a></li>
  </ol>
</nav>
@stop

@section('content')
<b-card>

<div class="align-items-center d-flex justify-content-between">
        <h2 class="">@{{titulo_pagina}}</h2>
        <b-button-toolbar aria-label="Submenú toolbar" class="">
            <!-- <b-button-group class="mx-1">
              <a href="{{route('pagohonorarios.index')}}" class="btn btn-primary">Nuevo Lote</a>             
            </b-button-group> -->
          </b-button-toolbar>
</div>
<div class="row">
<div class="form-group  col-8">
      <label for="nombre" class="font-weight-bold">Nombre</label>
      <b-form-input :disabled='lectura' v-model="nomina.nombre" type="text" name="nombre" id="nombre" required="required" autocomplete="off" class="form-control"></b-form-input>
    </div>

    <div class="form-group col-sm-4">
      <label for="mes" class="font-weight-bold">Estado</label>
      <v-select :disabled='lectura' v-model="nomina.estado" :options="estados" label="value" index="key" name="estado" id="estado" required="required"></v-select>
      
    </div>

    <div class="form-group col-sm-2  col-12">
      <label for="mes" class="font-weight-bold">Mes</label>
      <v-select :disabled='lectura' v-model="nomina.mes" :options="meses" label="value" index="key" name="mes" id="mes" required="required"></v-select>
      
    </div>

    <div class="form-group col-sm-2  col-12">
      <label for="mes" class="font-weight-bold">Año</label>
          <v-select :disabled='lectura' v-model="nomina.anio" :options="anios"  name="anio" id="anio" required="required"></v-select>
    </div>

    <div class="form-group col-sm-8  col-12">
      <label for="observaciones" class="font-weight-bold">Observaciones</label>
      <b-form-textarea :disabled='lectura' v-model="nomina.observaciones" type="text" name="observaciones" id="observaciones" autocomplete="off" class="form-control"></b-form-textarea>
    </div>
      
      
</div>

<div class="row">
  <h3 class="col-12" >Funcionarios <i v-if='!lectura' class="btn btn-sm btn-info fa fa-plus" v-b-modal.modal-cargafuncionarios></i></h3>

  <b-table striped hover small bordered head-variant='light'
  :items="nomina.funcionarios"  
  :fields="columnas_funcionarios"
  stacked='sm'
  show-empty
  >
    <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>
      </div>
    </template>
  <template v-slot:cell(contrato)="data">
    <div class="m-0"><b>ID contrato:</b> <span class="float-right"><a :href="this.route('contratos.pdfficha',{funcionario:data.item.id_funcionario,contrato:data.item.id_contrato})" target="_blank">@{{data.item.id_contrato}}</a> </span></div>
    <div class="m-0"><a href="javascript:void(0)" :disabled='lectura' @click="agregaroblig(data.item.id_funcionario,data.item.id_contrato,data.item.contrato.n_obligacion,data.index)"><b>Obligación:</b></a> <span class="float-right">@{{data.item.contrato.n_obligacion}} </span></div>
  </template>
  <template v-slot:cell(informacion)="data">
    <div class="m-0"><b>Boleta:</b> <span class="float-right">@{{data.item.nboleta}} - @{{data.item.fechaboleta |fecha}} </span></div>
    <div class="m-0"><b>Monto:</b> <span class="float-right">@{{data.item.montototal|currency}} </span></div>
  </template>
  <template v-slot:cell(opciones)="data">
      <button :disabled='lectura' class="btn btn-sm btn-info" @click="cargarFormulario(data.item,data.index)"><i class="fa fa-edit"></i></button>
      <button :disabled='lectura' class="btn btn-sm btn-danger" @click="eliminarFuncionario(data.index)"><i class="fa fa-trash"></i></button>
  </template>
</b-table>


</div>

<!-- <button class="btn btn-primary" @click="cargar_funcionarios">Generar Excel</button> -->
<!-- <button class="btn btn-primary" @click="guardarNomina">Guardar</button> -->

<div class="d-flex justify-content-end col mt-5" >
      <b-button class="ml-1" variant="secondary" href="{{ route('pagohonorarios.index') }}">Cerrar</b-button>
@isset($item)
      
      <b-button class="ml-1" variant="success"  v-if="nomina.estado > 1" target="_blank" href="{{ route('pagohonorarios.exportardevengado',['id'=>$item['id']]) }}">Devengado</b-button>
      <b-button class="ml-1" variant="success" v-if="nomina.estado > 1" target="_blank" href="{{ route('pagohonorarios.exportardecreto',['id'=>$item['id']]) }}">Decreto</b-button>
@endisset
      <b-button class="ml-1" v-if='!lectura' variant="primary" @click="guardarNomina">Guardar</b-button>

    </div>

</b-card>

<b-modal id="modal-cargafuncionarios" size="xl" centered title="Cargar Funcionarios" v-on:show="tabla_prelista.items=[]">
<div class="form-group col-12">    
    <b-input-group prepend="Búsqueda" class="mt-3">
          <b-form-input ref="searchfuncionario" v-on:keyup.enter="cargar_funcionarios_modal"></b-form-input>
          <b-input-group-append>
            <b-button @click="cargar_funcionarios_modal" variant="primary"><i class="fa fa-search"  ></i></b-button>
          </b-input-group-append>
        </b-input-group>
    </div>
    <div class="form-group col-12">
        <label for="nombre_programa" class="font-weight-bold">Nombre del Programa</label>
        <b-input-group>
        <v-select class="flex-fill" ref="selectprogramas" @input="cargarnombreprograma" :options="programas_municipales" label="nombre" index="id" name="programas_municipales"></v-select>
        <b-input-group-append>
          <button  class="btn btn-primary" @click="cargar_funcionarios_modal('programa')">Cargar</button>
        </b-input-group-append>
        </b-input-group>
      </div>
      <b-table ref="prelista" striped hover 
        :items="tabla_prelista.items" 
        :fields="tabla_prelista.columnas"
        :busy="tabla_prelista.busy"
        stacked='sm'
        show-empty
        >
        <template v-slot:cell(contrato)="data">
          <div class="m-0"><b>ID contrato:</b> <span class="float-right"><a :href="this.route('contratos.pdfficha',{funcionario:data.item.id_funcionario,contrato:data.item.id_contrato})" target="_blank">@{{data.item.id_contrato}}</a> </span></div>
          <div class="m-0"><b>Obligación:</b> <span class="float-right">@{{data.item.contrato.n_obligacion}} </span></div>
        </template>
        <template v-slot:cell(programa)="data">

          <template v-if="data.item.contrato.tipo_programa==0">
            <span v-if="data.item.contrato.programa !=null">
              @{{data.item.contrato.programa.nombre}}
            </span>
            <span v-else>
              <a href="javascript:void(0)" :disabled='lectura' @click="agregaridprograma(data.item.id_funcionario,data.item.id_contrato,data.item.contrato.nombre_programa)">[agregar Referencia Programa]</a>
            </span>
          </template>
          <span v-if="data.item.contrato.tipo_programa==1">@{{data.item.contrato.institucion_gubernamental}}</span>
          <span v-if="data.item.contrato.tipo_programa==2">Suma Alzada</span>
        </template>
        <template v-slot:cell(imputacion)="data">
          <div class="m-0"> </div>
          <template v-if="data.item.contrato.tipo_programa==0">
            <span v-if="data.item.contrato.programa !=null">
            @{{data.item.contrato.imputaciones[0].itempresupuestario.codigo}} - @{{data.item.contrato.programa.agestion}} - @{{data.item.contrato.programa.centrocosto}}
          </span>
          <span v-else>
            ??
          </span>
          </template>
          <span v-if="data.item.contrato.tipo_programa==1">@{{data.item.contrato.imputaciones[0].itempresupuestario.codigo}}</span>
          <span v-if="data.item.contrato.tipo_programa==2">@{{data.item.contrato.imputaciones[0].itempresupuestario.codigo}} - 00 - 000000</span>
        </template>

        <template v-slot:cell(opciones)="data">
        <b-button class="ml-1"  variant="info" v-if="!data.item.inlist" @click="agregar_funcionario_lista(data.item)"><i class="fa fa-check"></i></b-button>
        </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>
        </div>
      </template>
      </b-table>
</b-modal>


<b-modal id="modal-datosboleta" size="xl" centered title="Datos de Pago Funcionario"  @ok="handleOk">
  <form ref="form" class="row needs-validation" @submit.stop.prevent="handleSubmit" novalidate>
    <div class="form-group col-4">
      <label for="mes" class="font-weight-bold">RUT</label>
      <b-form-input  v-model="selectedFuncionario.rut" type="text" name="rut" id="rut" readonly autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group col-8">
      <label for="mes" class="font-weight-bold">Nombre</label>
      <b-form-input  :value="selectedFuncionario.nombre" type="text" name="rut" id="rut" readonly autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group col-6">
      <label for="mes" class="font-weight-bold">N° Boleta</label>
      <b-form-input  v-model="selectedFuncionario.nboleta" type="text" name="nboleta" id="nboleta" autocomplete="off" class="form-control"></b-form-input>

    </div>
    <div class="form-group col-6">
      <label for="mes" class="font-weight-bold">Fecha</label>
      <b-form-datepicker ref="fechaboleta" @input="comprobarfecha"  v-model="selectedFuncionario.fechaboleta" :state="statefecha" type="text" required name="fechaboleta" placeholder="Seleccione fecha" start-weekday="1" locale="es" :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }" id="fechaboleta" required="required" class="form-control"></b-form-datepicker>
    </div>
    <div class="form-group col-12">
      <label for="mes" class="font-weight-bold">Monto Bruto</label>
      <b-input-group prepend="$" class="mb-2">
        <b-form-input v-model="selectedFuncionario.montobruto" type="text" required name="montobruto" id="montobruto" autocomplete="off" class="form-control"></b-form-input>
        <b-input-group-append>
          <b-button size="sm" text="Button" variant="info" @click="calcularMonto(1)"><i class="fa fa-calculator" aria-hidden="true"></i></b-button>
        </b-input-group-append>
      </b-input-group>
      
    </div>
    <div class="form-group col-12">
      <label for="mes" class="font-weight-bold">Monto Impuesto 1</label>
      <b-input-group prepend="$" class="mb-2">
        <b-form-input v-model="selectedFuncionario.impuesto1" type="text" required name="impuesto1" id="impuesto1" autocomplete="off" class="form-control"></b-form-input>
      </b-input-group>
    </div>

    <div class="form-group col-12">
      <label for="mes" class="font-weight-bold">Monto Impuesto 2</label>
      <b-input-group prepend="$" class="mb-2">
        <b-form-input v-model="selectedFuncionario.impuesto2" type="text" required name="impuesto2" id="impuesto2" autocomplete="off" class="form-control"></b-form-input>
      </b-input-group>
    </div>

    <div class="form-group col-12">
      <label for="mes" class="font-weight-bold">Monto Total</label>
      <b-input-group prepend="$" class="mb-2">
        <b-form-input v-model="selectedFuncionario.montototal" type="text" required name="montototal" id="montototal" autocomplete="off" class="form-control"></b-form-input>
        <b-input-group-append>
          <b-button size="sm" text="Button" variant="info" @click="calcularMonto(2)"><i class="fa fa-calculator" aria-hidden="true"></i></b-button>
        </b-input-group-append>
      </b-input-group>
    </div>
    <div class="form-group col-12">
      <label for="comentarios" class="font-weight-bold">Comentarios</label>
      <b-form-textarea  v-model="selectedFuncionario.comentarios" type="text" name="comentarios" id="comentarios" autocomplete="off" class="form-control"></b-form-textarea>

    </div>
  </form>
  </b-modal>

  

@endsection


@push('pre-scripts')

<script>

window.pageMix.push({
    data() {
        return {
            titulo_pagina:"Nueva Nómina Pago de Honorarios",
            lectura:false,
            nomina:{
              mes:0,
              anio:2023,
              nombre_programa:'',
              id_programa:null,
              funcionarios:[],
              estado:1,
            },
            tipos_sujetos:["Persona","Empresa","Inmueble","Vehículo"],
            programas_municipales:[],
            contratos:{},
            meses:[],
            anios:[],
            estados:[
              {key:1,value:'En Borrador'},
              {key:2,value:'Preparado'},
              {key:3,value:'En Proceso'},
              {key:4,value:'Finalizado'},

            ],
            tabla_prelista:{
              items:[],
              columnas:[ {key: 'rut',sortable: true},
              {key: 'nombre',label: 'Nombre',sortable: true,thStyle:{'width':'150px'}},
              {key: 'contrato',label: 'Contrato',sortable: false},
              {key: 'programa',label: 'Programa',sortable: false,thStyle:{'width':'150px'}},
              {key: 'imputacion',label: 'Imputación',sortable: false},
              {key: 'opciones',label: 'Opciones',sortable: false},],
              busy:false,
            },
            
            encargadatos:false,
            selectedFuncionario:{
              nboleta:null
            },
            estadofecha:false,
            columnas_funcionarios:[
              {key: 'rut',sortable: true},
              {key: 'nombre',label: 'Nombre',sortable: true},
              {key: 'contrato',label: 'Contrato',sortable: false},
              {key: 'informacion',label: 'Información',sortable: false},
              {key: 'comentarios',label: 'Comentarios',sortable: false},
              {key: 'opciones',label: 'Opciones',sortable: false},

            ]
        }
    },
    created() {
      let that = this;
      moment.months().forEach((function(i, o) {
          that.meses.push({
            "key": o+1,
            "value": i.charAt(0).toUpperCase() + i.slice(1),
          });
      }),(that));

      var DateObj = new Date();
      this.nomina.mes = (DateObj.getMonth()+1);
      this.nomina.anio = DateObj.getFullYear();
      
      @isset($item)
      this.nomina = @json($item);
      this.lectura ={{$lectura ?? 'true'}};
      
      this.titulo_pagina = (this.lectura)?"Ver Nómina Pago de Honorarios ID:" + this.nomina.id :"Editar Nómina Pago de Honorarios ID:" + this.nomina.id;
      @endisset

      

      axios.get("{{ route('contratos.getProgramasMunicipales')}}?anio="+this.nomina.anio).then(response => {this.programas_municipales = response.data });
      axios.get("{{ route('pagohonorarios.getAnioNominas')}}").then(response => {this.anios = response.data });


    },
    computed:{
      statefecha() {
        return this.estadofecha;
      }
    },
    methods: {

      cargar_funcionarios_modal(tipo){
        let idprograma=this.$refs.selectprogramas.$data.mutableValue;
        console.log(idprograma);
        let param='';
        if(tipo=='programa'){
          param='?nombre='+this.$refs.selectprogramas.$data.mutableValue+'&anio='+this.nomina.anio
        }else{
          param='?query='+this.$refs.searchfuncionario.$data.localValue+'&anio='+this.nomina.anio
        }

        this.tabla_prelista.busy=true;
        axios.get("{{ route('pagohonorarios.getFuncionariosProgramasMunicipales')}}"+param).then(response => {
            this.tabla_prelista.busy=false;
            Object.values(response.data).forEach(item=>{  
              let preinlist = this.tabla_prelista.items.find(x => x.id_contrato === item.id);
              if(!preinlist){
                let inlist = this.nomina.funcionarios.find(x => x.id_contrato === item.id);

               // console.log(item.id +":" +item.tipo_programa +" > "+item.id_programa_municipal);
               // console.log("item ppto");
               // console.log(item.imputaciones[0]);
                
                this.tabla_prelista.items.push({
                  id:null,
                  inlist:(inlist!=null),
                  rut:item.funcionario.rut,
                  id_funcionario:item.funcionario.id,
                  id_programa:item.id_programa_municipal,
                  id_contrato:item.id,
                  contrato:item,
                  nombre:item.funcionario.nombres+" "+item.funcionario.apellidos,
                  nboleta:null,
                  fechaboleta:null,
                  montobruto:0,
                  impuesto1:0,
                  impuesto2:0,
                  montototal:0,
                  comentarios:'',
                });
              }
          });

        });
      },
      agregar_funcionario_lista(obj){
        obj.inlist=true;
        this.nomina.funcionarios.push(obj);
      },
      agregaroblig(funcionario,id,val,index) {
            if(this.lectura)
              return false;
              
            let that = this;
            this.$swal.fire({
                title: 'Agregar N° Obligación',
                html:'<input type="text" id="swal-input1" value="'+val+'" class="form-control">',  
                focusConfirm: false,
                showCancelButton:true,
                preConfirm: () => {
                return {
                    nobligacion:document.getElementById('swal-input1').value,
                }
                }
            })
            .then(function(result) {
                if(result.isConfirmed){
                    axios({
                    data:result.value,
                    url: route('contratos.obligarficha',{'funcionario':funcionario,'contrato':id}),
                    method: 'POST',
                    }).then((response) => {
                    if(response.data.estado==="OK"){
                        //falta toast de ok
                        console.log(response.data)
                        that.$swal.fire({
                            position: 'top-end',
                            icon: 'success',
                            title: 'N° Obligación agregado',
                            showConfirmButton: false,
                            timer: 1500
                        });
                        that.nomina.funcionarios[index].contrato.n_obligacion = result.value.nobligacion;
                        // let find = that.nomina.funcionarios.find(x => x.contrato.n_obligacion == result.value);
                        // if(find){
                        //   find.contrato.n_obligacion = result.value;
                        // }
                        //this.cargarTablaContratos('',this.tablacontratos.tipo);
                    }else{
                        this.$swal.fire("Error al intentar obligar el contrato")
                    }
                    }).catch(error => {
                    console.log(error)
                        that.$swal.fire({text:"Error en la petición al servidor"});
                        

                    });
                }
                //console.log("result",result);
            });
        },
        agregaridprograma(funcionario,id,nombreprograma) {
            if(this.lectura)
              return false;
            let that = this;
            let opc = null;
            console.log(nombreprograma);
            Object.values(this.programas_municipales).forEach(item=> {
             //console.log(item.nombre+"=="+nombreprograma+"--");
              opc+=(nombreprograma==item.nombre)?"<option selected value='"+item.id+"'>"+item.nombre+"</option>":"<option value='"+item.id+"'>"+item.nombre+"</option>";
            });

            this.$swal.fire({
                title: 'Seleccionar Programa',
                html:'<span> nombre de referencia:<b>'+nombreprograma+'</b></span><select id="swal-input1" class="form-control">'+opc+'</select>',  
                focusConfirm: false,
                showCancelButton:true,
                preConfirm: () => {
                return {
                    idprograma:document.getElementById('swal-input1').value,
                }
                }
            })
            .then(function(result) {
                if(result.isConfirmed){
                    axios({
                    data:result.value,
                    url: route('contratos.addidprograma',{'funcionario':funcionario,'contrato':id}),
                    method: 'POST',
                    }).then((response) => {
                    if(response.data.estado==="OK"){
                        //falta toast de ok
                        console.log(response.data)
                        that.$swal.fire({
                            position: 'top-end',
                            icon: 'success',
                            title: 'Programa Referenciado',
                            showConfirmButton: false,
                            timer: 1500
                        });
                        //that.nomina.funcionarios[index].contrato.n_obligacion = result.value.nobligacion;
                        // let find = that.nomina.funcionarios.find(x => x.contrato.n_obligacion == result.value);
                        // if(find){
                        //   find.contrato.n_obligacion = result.value;
                        // }
                        //this.cargarTablaContratos('',this.tablacontratos.tipo);
                    }else{
                        this.$swal.fire("Error al intentar obligar el contrato")
                    }
                    }).catch(error => {
                    console.log(error)
                        that.$swal.fire({text:"Error en la petición al servidor"});
                        

                    });
                }
                //console.log("result",result);
            });
        },

      // cargar_funcionarios(){
      //   this.encargadatos=true;
      //   this.nomina.funcionarios=[];
      //     axios.get("{{ route('pagohonorarios.getFuncionariosProgramasMunicipales')}}?nombre="+this.nomina.id_programa).then(response => {
      //     this.contratos = response.data;
      //     //
      //     Object.values(this.contratos).forEach(item=>{
      //       this.nomina.funcionarios.push({
      //         id:null,
      //         rut:item.funcionario.rut,
      //         id_funcionario:item.funcionario.id,
      //         id_programa:item.id_programa_municipal,
      //         id_contrato:item.id,
      //         contrato:item,
      //         nombre:item.funcionario.nombres+" "+item.funcionario.apellidos,
      //         nboleta:null,
      //         fechaboleta:null,
      //         montobruto:0,
      //         impuesto1:0,
      //         impuesto2:0,
      //         montototal:0,
      //         comentarios:'',
      //       });
      //     });
      //     this.encargadatos=false; 
      //   });

      // },
      cargarFormulario(item,index){
        this.selectedFuncionario= item;
        item.index=index;
        this.$bvModal.show("modal-datosboleta");
      },
      cargarnombreprograma(e){
        console.log(e);
      },
      handleOk(bvModalEvent) {
        bvModalEvent.preventDefault()
        this.handleSubmit()
      },
      handleSubmit() {
        for(let i of this.$refs.form.querySelectorAll('.form-control')){
          i.classList.remove("is-invalid");
        }
        if (this.$refs.form.checkValidity() == false) {
            var list = this.$refs.form.querySelectorAll(':invalid');
            for (var item of list) {
                item.classList.add("is-invalid");
            }
        }
        //validar fecha
        console.log(this.$refs.fechaboleta.value);

        //this.comprobarfecha();

        if(this.$refs.fechaboleta.value==null){
          this.estadofecha=false;
        }else{
          this.estadofecha=true;
        }

        if (!this.$refs.form.checkValidity()) {
          return false;
        }else{
          let index = this.selectedFuncionario.index;
          delete this.selectedFuncionario.index;
          this.nomina.funcionarios[index] = this.selectedFuncionario;
          //this.selectedFuncionario = Object.assign({}, {});
          this.$bvModal.hide('modal-datosboleta');
        }
        

        //return true;

      //agregar datos
        this.$nextTick(() => {
          this.$bvModal.hide('modal-datosboleta')
        })
      },
      comprobarfecha(e){
          let fecha = new Date(e);
          console.log(e);
          console.log(fecha);
          console.log((fecha.getMonth()+1) +" == "+this.nomina.mes);
          console.log(fecha.getFullYear() +"== "+this.nomina.anio);


          if(((fecha.getMonth()+1)!=this.nomina.mes) || (fecha.getFullYear()!=this.nomina.anio) ){
            this.$swal.fire("Fecha de boleta (mes/año) no coincide con la fecha de la nómina");
          }
      },
      comprobarboleta(){
        let val={}
        axios.get("{{ route('pagohonorarios.getFuncionariosProgramasMunicipales')}}?nombre="+this.nomina.id_programa).then(response => {
          let val=response.data
          if(val.estado="error"){
            this.$swal.fire(val.mensaje);
          }
        });
      },
      agregarFuncionario(){
        this.$swal.fire("En implementación");
      },
      calcularMonto(tipo){
        if(tipo==1){
          let monto=parseInt(this.selectedFuncionario.montobruto);
          this.selectedFuncionario.impuesto1=Math.round(monto*0.1375);
          this.selectedFuncionario.montototal = monto - (parseInt(this.selectedFuncionario.impuesto1) + parseInt(this.selectedFuncionario.impuesto2));
        }else{
          let monto=parseInt(this.selectedFuncionario.montototal);
          this.selectedFuncionario.impuesto1=Math.round((monto / 87)*13.75);
          this.selectedFuncionario.montobruto=monto + (parseInt(this.selectedFuncionario.impuesto1) + parseInt(this.selectedFuncionario.impuesto2));

        }
      },
      eliminarFuncionario(i) {
        this.$swal.fire({
          title: 'Desea Eliminar al Funcionario de la Nómina',
        }).then((result) => {
          if (result.isConfirmed) {
             this.nomina.funcionarios.splice(i,1);
             this.$forceUpdate();
          }
        })
      },
      guardarNomina(){
        
        let url=route('pagohonorarios.guardar')
            axios.post(url,this.nomina)
            .then(response => {
              if(response.data.estado==="OK"){
                this.$swal.fire({
                icon: 'success',
                    title: 'Nómina de Pagos Guardado',
                    text: '¿seguir editando?',
                    allowOutsideClick:false,
                    showCancelButton: true,
                    confirmButtonText: 'Seguir',
                    cancelButtonText: 'Salir',
                }).then((result) => {
                    console.log(result);
                    if (result.isConfirmed) {
                      window.location.href = response.data.urlredir;
                    } else if (result.dismiss=="cancel") {
                      window.location.href = route("pagohonorarios.index");
                    }
                })
                
              }else{
                  this.$swal.fire("Error al intentar guardar, inténtelo nuevamente")
              }
            })
            .catch(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);
              }
            });


      },


    },
    filters:{
        currency(value) {
            return new Intl.NumberFormat("es-CL",{ style: "currency", currency: "CLP" }).format(value);
        },
        fecha(value){
            let fecha =moment(value).format("DD-MM-YYYY");
            return (fecha!='Invalid date')?fecha:'...';
        }
    },
   
});
</script>
@endpush