@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('programasMunicipales.index') }}">Programas Municipales</a></li>
    <li class="breadcrumb-item active">@{{titulo_pagina}}</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.nuevo')}}" class="btn btn-primary">Nueva Nómina</a>              -->
            </b-button-group>
          </b-button-toolbar>
</div>
<div class="row">
    <div class="form-group col-12">
      <label for="Nombre" class="font-weight-bold">Nombre</label>
      <b-form-input  v-model="item.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  col-12">
      <label for="anio" class="font-weight-bold">Año</label>
      <v-select v-model="item.anio" :options="anios"  label="value" index="key"  required="required"></v-select>
    </div>

    <div class="form-group col-sm-4  col-12">
      <label for="anio" class="font-weight-bold">Área de Gestión</label>
      <v-select v-model="item.agestion" :options="agestiones"  label="value" index="key" required="required"></v-select>
    </div>

    <div class="form-group col-12 col-sm-4  ">
      <label for="ccosto" class="font-weight-bold">Centro de Costo</label>
      <b-form-input  v-model="item.centrocosto" type="text" name="centrocosto" id="centrocosto" required="required" autocomplete="off" class="form-control"></b-form-input>
    </div>  
 <div class="form-group col-12">
      <label for="ctabanco" class="font-weight-bold">Imputación Presupuestaria</label>
      <v-select v-model="item.id_imputacion" :options="imputaciones"  label="nombre" index="id" required="required"></v-select>
    </div>

    <div class="form-group col-4">
      <label for="ctabanco" class="font-weight-bold">Cta. Banco</label>
      <b-form-input  v-model="item.ctabanco" type="text" name="ctabanco" id="ctabanco" autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group col-4">
      <label for="ctabanco" class="font-weight-bold">Cta. Impuesto 1</label>
      <b-form-input  v-model="item.ctaimpto1" type="text" name="ctaimpto1" id="ctaimpto1" autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group col-4">
      <label for="ctabanco" class="font-weight-bold">Cta. Impuesto 2</label>
      <b-form-input  v-model="item.ctaimpto2" type="text" name="ctaimpto2" id="ctaimpto2" autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group col-4">
      <label for="ctabanco" class="font-weight-bold">Contracuenta</label>
      <b-form-input  v-model="item.contracuenta" type="text" name="contracuenta" id="contracuenta" autocomplete="off" class="form-control"></b-form-input>
    </div>
    <div class="form-group1 col-4">
      <label for="ctabanco" class="font-weight-bold">Programa Extrapresupuestario</label>
      <b-form-checkbox switch  v-model="item.is_extrapresupuestario" type="text" name="is_extrapresupuestario" id="is_extrapresupuestario" autocomplete="off" ></b-form-input>
    </div>
</div>
    <div class="d-flex justify-content-end col" >
      <b-button class="ml-1" variant="secondary" href="{{ route('programasMunicipales.index') }}">Volver</b-button>
      <b-button class="ml-1" variant="primary" @click="guardarPrograma">Guardar</b-button>
    </div>
</b-card>

@endsection


@push('pre-scripts')

<script>
window.pageMix.push({
    data() {
        return {
            titulo_pagina:"Agregar Programas Municipales",
            anios:[],
            imputaciones:[],
            agestiones:[
                {key:'01',value:'01 - Gestión Interna'},
                {key:'02',value:'02 - Servicios a la Comunidad'},
                {key:'03',value:'03 - Actividades Municipales'},
                {key:'04',value:'04 - Programas Sociales'},
                {key:'05',value:'05 - Programas Recreacionales'},
                {key:'06',value:'06 - Programas Culturales'},
            ],
            item:{
                id:null,
                anio:null,
                agestion:null,
                centrocosto:null
            }

        }
    },
    mounted(){
        @isset($item)
        this.item=@json($item);
        this.titulo_pagina ="Editar Programa ID:"+this.item.id;
        @endisset

        let date = new moment();
        this.anios.push({key:parseInt(date.subtract(1,'y').format('YYYY')),value:parseInt(date.format('YYYY'))});
        this.anios.push({key:parseInt(date.add(1,'y').format('YYYY')),value:parseInt(date.format('YYYY'))});
        this.anios.push({key:parseInt(date.add(1,'y').format('YYYY')),value:parseInt(date.format('YYYY'))});

        //cargar cuentas de imputacion
        axios.get("{{ route('contratos.getItemsPresupuestarios')}}?tipo=imputacion").then(response => {
        let that = this;
        response.data.forEach((function(o, i) {
            let id = o.id;
            that.imputaciones.push({'id':o.id,'nombre':o.codigo + "-" + o.nombre});
          }), (that));
        });

    },
    methods:{
        guardarPrograma(){
            let url=route('programasMunicipales.store',{'programasMunicipales':this.item.id})
            axios.post(url,this.item)
            .then(response => {
            if(response.data.estado==="OK"){
                this.$swal.fire({
                icon: 'success',
                    title: 'Programa Municipal 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("programasMunicipales.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);
            }
            });


        }

    }
});
</script>
@endpush