@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.solicitudes.index') }}">Solicitudes de Fiscalización</a></li>
    <li class="breadcrumb-item active">@{{titulo_pagina}}</li>
  </ol>
</nav>
@stop

@section('content') 

<b-card :header="titulo_pagina">
    <div class="row">
          <div class="col-12 row">
          <div class="form-group col-sm-7  col-12">
            <label for="tipo_pago" class="font-weight-bold">Tipo de Solicitud</label>
            <b-form-radio-group :disabled="!edicion" inline  v-model="solicitud.tipo_solicitud">
                <template v-for="(item,index) in tipos_solicitud">
                    <b-form-radio :value="item">@{{item}}</b-form-radio>
                </template>
            </b-form-radio-group>
          </div>

        </div>
        <div class="form-group col-sm-4  col-12">
          <label for="direccion_municipal" class="font-weight-bold">Dirección Municipal</label>
          <v-select v-model="solicitud.id_direccion" :options="direcciones_municipales" label="nombre" index="id" name="direccion_municipal" id="direccion_municipal" required="required"></v-select>
        </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="solicitud.observaciones" type="text" name="observaciones" ></b-form-textarea>
        </div>

       

        <div class="row col-sm-6 col-12">
        
        </div>
         
       

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

</b-card>   

@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 {
            tipo:"{{$tipo ?? 'administrativo'}}",
            titulo_pagina:"Nueva solicitud de fiscalización",
            tipos_solicitud:["tipo1","tipo2","tipo3","tipo4"],
            direcciones_municipales: [],
            location: [-38.773,-72.5971],
            edicion:{{$edicion ?? "true"}},
            bloqueoid:false,
            solicitud:{
                tipo_identificacion:null,
            },
          }
    },
    computed: {},
    mounted() {
      @isset($sujeto)
      this.solicitud = @json($sujeto);
      this.bloqueoid = true;
      if(this.edicion)
        this.titulo_pagina = "Edición de Solicitud :"+this.solicitud.id;
      else
        this.titulo_pagina = "Vista de Solicitud :"+this.solicitud.id;
      
      @endisset
      axios.get("{{ route('contratos.getDireccionesMunicipales')}}").then(response => this.direcciones_municipales = response.data);
    },
    methods:{
      guardarDatos(){
        this.$swal.fire({
          title: 'Desea guardar los datos',
          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.solicitudes.guardar'),this.solicitud).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) {
                       this.sujeto.id=response.data.id; 
                       this.bloqueoid=true;
                      } else if (result.dismiss=="cancel") {
                        window.location.href = route("home");
                      }
                    })
                }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/>";
                    });
                    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')
            }
          })
        
      }

    }
});
</script>


@endpush