@extends('layouts.app')


@section('content')
{{--	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />--}}
{{--    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>--}}
	{{ session()->reflash() }}

	<div class="bgc-white p-20 bd">
		<h3>Detalles Inmueble</h3>
		<br>
		<button @click="Imprimir()" class="btn btn-primary" >Imprimir</button>
		<button :hidden="flag_btn" @click="OcultarBtn()" class="btn btn-primary" >Mostrar Botones</button>

		<div class="d-flex justify-content-end">
			<button class="btn btn-primary" @click="window.location.href = '/arriendoinmueble'">
				Volver
			</button>
		</div>
		<br>
		<div id="cont_impr">
			<h4>Datos inmueble</h4>
			@can('arriendoinmueble.store')
				<template v-if="flag_btn == true">
					<button @click="MostrarModalInmueble({{ $inmueble }})" class="btn btn-primary" >
						Editar
					</button>
				</template>
			@endcan
			<br><br>
			<div class="table-responsive">
				<table class="table">
					<thead>
					</thead>
					<tbody>
						<tr>
							<th>
								Dueno Inmueble:
							</th>
							<td>
								{{ $inmueble->dueno_inmueble }}
							</td>
							<th>
								Rut:
							</th>
							<td>
								{{ $inmueble->rut }}
							</td>
						</tr>
						<tr>
							<th>
								Dirección del Inmueble:
							</th>
							<td>
								{{ $inmueble->direccion }}
							</td>
							<template v-if="flag_btn == true">
							<th>
								Ubicación Geografica:
							</th>
							<td>
								<b-btn @click="MostrarMapa('{{$inmueble->direccion}}', 0)">
									Mostrar Mapa
								</b-btn>
							</td>
							</template>
							<template v-else>
								<th></th>
								<td></td>
							</template>
						</tr>
						<tr>
							<th>
								Programa:
							</th>
							<td>
								{{ $inmueble->programa }}
							</td>
							<th>
								Direccion Municipal:
							</th>
							<td>
								{{ $inmueble->direccion_municipal->nombre }}
							</td>
						</tr>
						<tr>
							<th>
								Observaciones:
							</th>
							<td>
								{{ $inmueble->observaciones }}
							</td>
							<th>
								N° de Contratos:
							</th>
							<td>
								{{ count($inmueble->contratos) }}
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<br><br>
			<h4>Datos contrato</h4>
			<br><br>
			@if(count($inmueble->contratos) != 0)
								@foreach($inmueble->contratos as $contrato)
					<h4>Contrato: {{ $cont }}</h4>
					@can('arriendoinmueble.store')
						<template v-if="flag_btn == true">
							<button @click="MostrarModalEdCon({{ $inmueble->id }},{{ $contrato }})" class="btn btn-primary" >
								Editar
							</button>
						</template>
					@endcan
					<div class="table-responsive">
						<table class="table">
						  <thead>
						  </thead>
						  <tbody>
								<tr>
									<th>
										Cuenta Presupuesto:
									</th>
									<td>
										{{ $contrato->cuenta_presup }}
									</td>
									<th>
										N DA:
									</th>
									<td>
										{{ $contrato->n_da }}
									</td>
								</tr>
								<tr>
									<th>
										Fecha DA:
									</th>
									<td>
										{{ $contrato->fecha_da }}
									</td>
									<th>
										Vigencia Desde:
									</th>
									<td>
										{{ $contrato->vigencia_desde }}
									</td>
								</tr>
								<tr>
									<th>
										Vigencia Hasta:
									</th>
									<td>
										{{ $contrato->vigencia_hasta }}
									</td>
									<th>
										Monto Mensual:
									</th>
									<td>
										{{ $contrato->monto_mensual }}
									</td>
								</tr>
								<tr>
									<th>
										Derecho de Aseo:
									</th>
									<td>
										{{ $contrato->derecho_de_aseo }}
									</td>
									<th>
										Monto Anual:
									</th>
									<td>
										{{ $contrato->monto_anual }}
									</td>
								</tr>
								<tr>
									<th>
										Supervisor:
									</th>
									<td>
										{{ $contrato->supervisor->full_name }}
									</td>
									<th>
										Observaciones:
									</th>
									<td>
										{{ $contrato->observaciones }}
									</td>
								</tr>
								<tr>
									<template v-if="flag_btn == true">
										<th>
											Adjuntos:
										</th>
										<td>
											<b-btn @click="MostrarAdj({{ $contrato->getDocAdjuntos() }}, {{ $contrato->id }}, '{{ $contrato->getTable() }}')">Mostrar Adjuntos</b-btn>
										</td>
									</template>
									<template v-else>
										<th></th>
										<td></td>
									</template>
								</tr>
							</tbody>
						</table>
					</div>
									@endforeach
			@else
			<div class="table-responsive">
				<table class="table">
				  <thead>
				  </thead>
				  <tbody>
					<tr>
					  <th>
						  <strong>No asignado</strong>
					  </th>
					</tr>
				  </tbody>
				</table>
			</div>
			@endif
		</div>
	<b-modal v-model="modal_mapa" hide-footer size="lg" ok-only :title="titulo_modal">
        <div class="row mb-6">
            <div class="col-12">
            	<template v-if="btns_ub">
	                <b-form-group horizontal label="Ingrese Direccion">
	                    <input  v-model="inmu.direccion" class="form-control" autocomplete="off" type="search">
{{--	                    <template v-if="m_direcciones.length > 0">--}}
{{--	                        <select name="direccion" @change="SelectDir($event)" id="direccion" class="form-control">--}}
{{--	                            <option v-for="dir in m_direcciones">@{{ dir.properties.display_name }}</option>--}}
{{--	                        </select>--}}
{{--	                    </template>--}}
	                </b-form-group>
	                <div class="d-flex justify-content-end">
	                    <b-btn @click="getDirection">Buscar</b-btn>
	                </div>
	                <br>
	            </template>
            </div>
        </div>
        <div class="row mb-6">
            <div class="col-12" v-if="direccion">
                <iframe
                    id="map_frame"
                    ref="map_frame"
                    width="600"
                    height="450"
                    frameborder="0" style="border:0"
                    :src="'https://www.google.com/maps/embed/v1/place?key=AIzaSyBr0gxb4YzfWB0Ao87uQJOhoD3EfQaT9uU&q='+ direccion" allowfullscreen>
                </iframe>
                <div class="alert alert-info"><b>Nota:</b> No todas las direcciones aparecerán en el mapa.</div>
            </div>
        </div>
        <br>
        <div class="row mb-6">
        	<template v-if="btns_ub">
{{--            <div class="col-6">--}}
{{--                <b-form-group horizontal label="Latitud">--}}
{{--                    <input v-model="document.Obj_var.lat" type="search" class="form-control" name="direccion" required>--}}
{{--                </b-form-group>--}}
{{--            </div>--}}
{{--            <div class="col-6">--}}
{{--                <b-form-group horizontal label="Longitud">--}}
{{--                    <input v-model="document.Obj_var.lng" type="search" class="form-control" name="longitud" required>--}}
{{--                </b-form-group>--}}
{{--            </div>--}}
        </template>
        </div>
        <br>
    </b-modal>
    <b-modal v-model="modal_contrato" hide-footer size="xl" ok-only :title="titulo_modal">
        <b-form v-on:submit="EditarContrato">
        <div class="row mb-6">
            <div class="col-6">
                <b-form-group horizontal label="Cuenta Presupuestaria">
                    <input v-model="contr.cuenta_presup" class="form-control" type="text" name="cuenta_presup" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="N DA">
                    <input v-model="contr.n_da" class="form-control" type="number" name="n_da" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Fecha DA">
                    <input v-model="contr.fecha_da" class="form-control" type="date" name="fecha_da" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Vigencia Desde">
                    <input v-model="contr.vigencia_desde" class="form-control" type="date" name="vigencia_desde" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Vigencia Hasta">
                    <input v-model="contr.vigencia_hasta" class="form-control" type="date" name="vigencia_hasta" required>
                </b-form-group>
            </div>

            <div class="col-6">
                <b-form-group horizontal label="Monto Mensual">
                    <input v-model="contr.monto_mensual" class="form-control" type="number" step="0.0" name="monto_mensual" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Derecho de Aseo">
                    <input v-model="contr.derecho_de_aseo" class="form-control" type="number" step="0.0" name="derecho_de_aseo" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Monto Anual">
                    <input v-model="contr.monto_anual" class="form-control" type="number" step="0.0" name="monto_anual" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Supervisor Contrato">
                    <template>
                        <input list="supervisores_l" v-model="contr.supervisor" class="form-control" autocomplete="off" @click="" type="search" @input="BuscarSupervisor($event)" name="supervisor" required>
                        <template v-if="supervisores.length > 0">
                        	<datalist id="supervisores_l">
                        		<option @click="AgregarSupervisor(sup.id,sup.full_name,sup.rut,1)" v-for="sup in supervisores">
                        			@{{ sup.full_name }}
                        		</option>
                        	</datalist>

                        </template>
                    </template>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Adjuntos">
                    <b-btn @click="MostrarModalAdjuntos">Adjuntar</b-btn>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Observaciones">
                    <textarea v-model="contr.observaciones" class="form-control" type="text" name="observaciones"></textarea>
                </b-form-group>
            </div>
        </div>

        <div class="d-flex justify-content-end">
            <button class="btn btn-primary">
                Editar
            </button>
        </div>
        </b-form>
    </b-modal>

    <b-modal v-model="modal_inmueble" hide-footer size="lx" ok-only :title="titulo_modal">
        <b-form v-on:submit="EditarInmueble">
        <div class="row mb-3">
            <div class="col-12">
                <b-form-group horizontal label="Dueño Inmueble">
                    <input v-model="inmu.dueno_inmueble" class="form-control" type="text" name="dueno_inmueble" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Rut">
                    <input v-model="inmu.rut" class="form-control" type="text" name="rut" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Dirección Inmueble">
                    <input v-model="inmu.direccion" class="form-control" autocomplete="off" type="search">
                </b-form-group>
                <br>
                <b-form-group horizontal label="Ubicación Geografica">
                    <b-btn @click="MostrarMapa('{{ $inmueble->direccion }}', 1)">Buscar</b-btn>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Programa(s)">
                    <input v-model="inmu.programa" class="form-control" type="text" name="programa" required>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Direccion Municipal">
                    <select @change="DireccionChange($event)" name="direccion" id="direccion" class="form-control">
                        <option selected value="0">Seleccione</option>
                        @foreach($direcciones as $direccion)
                            <option value="{{ $direccion->id }}">
                                {{ $direccion->nombre }}
                            </option>
                        @endforeach
                    </select>
                    <p style="position: absolute; color: red;" v-if="valid_direc">Seleccione Direccion Municipal</p>
                </b-form-group>
                <br>
                <b-form-group horizontal label="Observaciones">
                    <textarea v-model="inmu.observaciones" class="form-control" type="text" name="observaciones"></textarea>
                </b-form-group>
            </div>
        </div>

        <div class="d-flex justify-content-end">
            <button class="btn btn-primary">
                Editar
            </button>
        </div>
        </b-form>
    </b-modal>

    <b-modal v-model="modal_archivos" hide-footer size="lx" ok-only :title="titulo_modal">

            <template v-for="(adjunto, index) in t_adjuntos">
                <b-form-group horizontal :label="label_adjuntos+(index + 1)" :key="index">
                    <b-file  v-model="adjunto.adjunto" accept=".jpeg, .png, .doc, .docx, .pdf, .zip"></b-file>
                    <span>Formatos: jpeg, png, doc, docx, pdf, zip</span>
                    <input-error :errors="errors" nombre="adjunto"></input-error>
                    <div class="d-flex justify-content-end">
                        <button @click="DesApilarAdjuntos(index)" class="btn btn-danger">X</button>
                    </div>
                </b-form-group>
            </template>
            <div class="d-flex justify-content-end">
                <button @click="ApilarAdjuntos()" class="btn btn-primary">Agregar otro</button>
            </div>
    </b-modal>

    <b-modal v-model="modal_adj" hide-footer size="lx" ok-only :title="titulo_modal">
		<div class="table-responsive">
			<table class="table" style="overflow-y: scroll;">
				<thead>
				</thead>
				<tbody>
					<template v-for="ad in adj">
						<tr>
							<th>
								<a :href="ad.url" target="_blank">
									<span :class="['fa', getFileIcon('ad.url'), 'mr-3']">
										@{{ ad.basename }}
									</span>
								</a>
							</th>
							<td>
								<button @click="EliminarAdj(ad.tag)" class="btn btn-danger btn-sm">X</button>
							</td>
						</tr>
					</template>
				</tbody>
			</table>
		</div>
	</b-modal>
@endsection

@push('pre-scripts')

	<script>
		window.pageMix.push({
			data: () => ({
				titulo_modal: "",
				mensaje_resp: "",
				inmueble: @json($inmueble),
				inmueble_id: "{{ $inmueble_id }}",
				DateNow: "",
				flag_btn: true,
				map: null,
				marker: null,
				modal_mapa: false,
				modal_contrato: false,
				modal_inmueble: false,
				modal_archivos: false,
				t_adjuntos: [],
				modal_adj: false,
				label_adjuntos:  "Adjunto N°",
				adj: [],
				errors: {},
                status: null,
				valid_direc: false,
				supervisores: [],
				inmu: {
					lat: 0.0,
					lng: 0.0
				},
				contr: {},
				btns_ub: true,
				m_direcciones: [],
                direccion: null
			}),

			created() {
				$('form').submit(false);
				//this.tipos_monedas_ed = this.tipos_monedas;
				this.DateNow = moment().format('YYYY-MM-DDTHH:MM');
				// document.Obj_var = {
				// 	lat: 0.0,
				// 	lng: 0.0
				// }
			},

			mounted() {
				// var ubicacion = new L.LatLng(
                // 	this.inmueble.ubicacion.coordinates[1],
                // 	this.inmueble.ubicacion.coordinates[0]
                // );
                //
                // document.map = L.map('mapid').setView(
                //     ubicacion,
                //     6
                // );
                // document.map.panTo(ubicacion);
                // document.map.invalidateSize();
                //
                // L.tileLayer(
                //     'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                //         attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
                //     }
                // ).addTo(document.map);
                // document.map = document.map
                //
                // document.marker = L.marker(
                //     ubicacion, {
                //         draggable:'true'
                //     }
                // ).addTo(document.map)
                // .bindPopup('Ubicación Geografica del inmueble');
                //
                // document.Obj_func = {
                // 	upmark: function(event) {
	            //     	var marker = event.target
	            //     	var pos = marker.getLatLng()
				// 		console.log(pos)
                //
	            //         document.Obj_var.lat = pos.lat
	            //         document.Obj_var.lng = pos.lng
	            //         console.log(this.titulo_modal)
                //
	            //         document.lat = pos.lat
	            //         document.lng = pos.lng
                //
	            //         var newLatLng = new L.LatLng(
	            //             pos.lat,
	            //             pos.lng
	            //         );
                //
	            //         document.marker.setLatLng(newLatLng);
	            //         document.map.setView(
	            //             newLatLng,
	            //             26
	            //         );
                //
                //
	            //         document.map.panTo(newLatLng);
	            //         document.map.setZoom(18);
	            //         document.map.invalidateSize()
	            //     }
                // }
                //
                // document.marker.on(
                //     'dragend',
                //     function (event) {
                //     	document.Obj_func.upmark(event)
                //     }
                // );
                //
                // document.map.setView(
                //     ubicacion,
                //     26
                // );
                // $(window).css("zoom", 99+"%");
                // $(window).css("zoom", 100+"%");
                //
                // document.marker.setLatLng(ubicacion);
                // document.map.panTo(ubicacion);
                // document.map.setZoom(18);
                // document.map.invalidateSize()
            },

			methods: {
				DireccionChange(event) {
					this.cond.direccion_id = event.target.value
					if (this.cond.direccion_id != 0) {
						this.valid_direc = false
					}
				},

				MostrarModalAdjuntos() {
                    //this.cond.vehiculo_id = id
                    this.t_adjuntos.push({});

                    this.titulo_modal = "Registrar Adjuntos"
                    this.modal_archivos = !this.modal_archivos
                },

				getDirection() {
				    this.direccion = this.inmu.direccion
                    document.getElementById('map_frame').src = document.getElementById('map_frame').src
                    // this.$http.get(
                    //     "https://nominatim.openstreetmap.org/search?q="+this.inmu.direccion+"&format=geojson"
                    // ).then(
                    //     res => {
                    //         if (res && res.request && res.request.status == 200) {
                    //             if (res.data.features.length > 0) {
                    //                 console.log(res.data.features)
                    //                 this.m_direcciones = res.data.features
                    //
                    //                 for (var i = 0; i < this.m_direcciones.length; i++) {
                    //                     this.m_direcc.push(this.m_direcciones[i].properties.display_name)
                    //                 }
                    //
                    //                 this.inmu.lat = res.data.features[0].geometry.coordinates[1]
                    //                 this.inmu.lng = res.data.features[0].geometry.coordinates[0]
                    //                 this.inmu.direccion = res.data.features[0].properties.display_name
                    //
                    //                 var newLatLng = new L.LatLng(
                    //                     this.inmu.lat,
                    //                     this.inmu.lng
                    //                 );
                    //
                    //                 document.map.setView(
                    //                     newLatLng,
                    //                     26
                    //                 );
                    //
                    //                 console.log(this.inmu.lat)
                    //                 console.log(this.inmu.lng)
                    //                 this.MostrarMapa(
			        //                 	this.inmu.lat,
			        //                 	this.inmu.lng,
			        //                 	op
			        //                 )
			        //                 this.MostrarMapa(
			        //                 	this.inmu.lat,
			        //                 	this.inmu.lng,
			        //                 	op
			        //                 )
                    //
                    //                 document.marker.setLatLng(newLatLng);
                    //                 document.map.panTo(newLatLng);
                    //                 document.map.setZoom(18);
                    //                 document.map.invalidateSize()
                    //             } else {
                    //                 console.log("lugar no encontrado")
                    //             }
                    //         } else {
                    //             console.log("Error de open street map")
                    //         }
                    //     }
                    // ).catch(
                    //     err => {
                    //         if (err.response.status === 500) {
                    //             this.status = err.response.data.status
                    //         }
                    //
                    //         if (err.response.status === 422) {
                    //             this.errors = err.response.data.errors
                    //         }
                    //     }
                    // );
                },

                EliminarAdj(nombre_adj) {
					var r = confirm("¿Esta seguro de eliminar el archivo?");
					if (r == true) {
						const formData = new FormData;

						formData.append(
							'nombre_adj',
							nombre_adj
						);

						formData.append(
							'op',
							this.op
						);

						formData.append(
							'id',
							this.ob_id
						);

						this.$http.post(
							'{{ route('arriendoinmueble.del_fil') }}',
							formData
						).then(
							res => {
								console.log(res)

								window.location.reload();
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					}
				},

                ApilarAdjuntos() {
                    this.label_adjuntos = "Adjunto N°"
                    this.t_adjuntos.push({});
                },

                DesApilarAdjuntos(index) {
                    this.t_adjuntos.splice(index, 1);
                },

                OcultarBtn() {
                    if (this.flag_btn == true) {
                        this.flag_btn = false
                    } else {
                        this.flag_btn = true
                    }
                },

                BuscarSupervisor(event) {
                    console.log(event.target.value)
                    if(event.target.value !== "") {
                        this.BuscarUsers(event.target.value);
                        this.supervisores = this.usuarios
                    } else {
                        this.supervisores = [];
                    }
                },

                BuscarUsers(nombre) {
                    axios.get(
                        `{{ route('boletasgarantia.search') }}`, {
                            params: {
                                nombre: nombre
                            }
                        }
                    ).then(
                        response => {
                            this.usuarios = response.data;

                        }
                    ).catch(
                        error => {}
                    );
                },

                MostrarModalEdCon(inmueble_id, contrato) {
                    this.contr.inmueble_id = inmueble_id
                    this.contr.contrato_id = contrato.id
                    this.titulo_modal   = "Registro Contrato";
                    this.modal_contrato = !this.modal_contrato

                    this.contr.supervisor 	   = contrato.supervisor.full_name
                    this.contr.supervisor_id   = contrato.supervisor_id
                    this.contr.cuenta_presup   = contrato.cuenta_presup
                    this.contr.n_da 		   = contrato.n_da
                    this.contr.fecha_da 	   = contrato.fecha_da
 					this.contr.vigencia_desde  = contrato.vigencia_desde
 					this.contr.vigencia_hasta  = contrato.vigencia_hasta
 					this.contr.monto_mensual   = contrato.monto_mensual
 					this.contr.derecho_de_aseo = contrato.derecho_de_aseo
 					this.contr.monto_anual 	   = contrato.monto_anual
 					this.contr.observaciones   = contrato.observaciones
                },

                MostrarModalInmueble(inmueble) {
                	console.log(inmueble)
                    this.titulo_modal   = "Registro Inmueble";
                    this.modal_inmueble = !this.modal_inmueble
                    this.inmu.inmueble_id 	 = inmueble.id
                    this.inmu.dueno_inmueble = inmueble.dueno_inmueble
                    this.inmu.rut            = inmueble.rut
                    this.inmu.direccion      = inmueble.direccion
                    this.inmu.lat            = inmueble.ubicacion.coordinates[1]
                    this.inmu.lng            = inmueble.ubicacion.coordinates[0]
                    this.inmu.programa       = inmueble.programa
                    this.inmu.observaciones  = inmueble.observaciones
                    this.inmu.direccion_id   = inmueble.direccion_id
                },

                SelectDir(event) {
                    this.inmu.direccion = event.target.value
                    this.getDirection()
                    console.log(event)
                },

				MostrarMapa(direccion, operacion) {
					this.direccion = direccion;
                    this.modal_mapa = true
                    this.btns_ub = operacion
                },

                MostrarAdj(adjuntos, ob_id, clas) {
					this.op = clas
					this.ob_id = ob_id
					this.adj = adjuntos
					this.titulo_modal = "Archivos Adjuntos"
					this.modal_adj = !this.modal_adj
				},

				TipoinmuebleChange(event) {
					this.reg_v.tipo_inmueble = event.target.value
					console.log(this.reg_v.tipo_inmueble)
					if (this.reg_v.tipo_inmueble != 0) {
						this.valid_tipo_v = false
					}
				},

				AgregarSupervisor(id, nombre, rut, op) {
                    this.contr.supervisor = nombre
                    this.contr.rut = rut
                    this.contr.supervisor_id = id
                    this.supervisores = [];
                    console.log(this.contr.supervisor_id)
                },

				EditarInci() {
					const formData = new FormData;
					formData.append(
						'incidencia_id',
						this.inci.incidencia_id
					);

					this.$http.post(
						'{{ route('arriendoinmueble.store') }}',
						formData
					).then(
						res => {
							console.log(res)
							//$("#" + this.encuesta_id).hide();
							//window.location = '{{ route('encuestas.index') }}'
							//window.location.reload();
							window.location = '/arriendoinmueble/' + this.inmueble_id
						}
					).catch(
						err => {
							if (err.response.status === 500) {
								this.status = err.response.data.status
							}

							if (err.response.status === 422) {
								this.errors = err.response.data.errors
							}
						}
					);
				},

				TipoInciChange(event) {
					this.inci.tipo_incidencia = event.target.value
					if (this.inci.tipo_incidencia != 0) {
						this.valid_tipo_incidencia = false
					}
				},

				Imprimir() {
					this.flag_btn = false

					setTimeout(
						function() {
							const prtHtml = document.getElementById('cont_impr').innerHTML;

							let stylesHtml = '';
							for (const node of [...document.querySelectorAll('link[rel="stylesheet"], style')]) {
								stylesHtml += node.outerHTML;
							}

							const WinPrint = window.open(
								'',
								'',
								'top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0'
							);

							WinPrint.document.write(
								`<!DOCTYPE html>
								<html>
								  <head>
									${stylesHtml}
								  </head>
								  <body>
									${prtHtml}
								  </body>
								</html>`
							);

							WinPrint.document.close();
							WinPrint.focus();
							WinPrint.print();
							//WinPrint.close();
							this.flag_btn = true
						},
						500
					);
				},

				EditarInmueble(e) {
                    e.preventDefault();
                    const formData = new FormData;

                    if (typeof this.inmu.direccion_id === "undefined" || this.inmu.direccion_id === "0") {
                        this.valid_direc = true
                    } else {

                    	formData.append(
                            'inmueble_id',
                            this.inmu.inmueble_id
                        );

                        formData.append(
                            'dueno_inmueble',
                            this.inmu.dueno_inmueble
                        );

                        formData.append(
                            'rut',
                            this.inmu.rut
                        );

                        formData.append(
                            'direccion',
                            this.inmu.direccion
                        );

                        formData.append('lat', 0);
                        formData.append('lng', 0);

                        formData.append(
                            'programa',
                            this.inmu.programa
                        );

                        if (typeof this.inmu.observaciones !== "undefined") {
                            formData.append(
                                'observaciones',
                                this.inmu.observaciones
                            );
                        } else {
                            formData.append(
                                'observaciones',
                                ""
                            );
                        }

                        formData.append(
                            'direccion_id',
                            this.inmu.direccion_id
                        );

                        this.$http.post(
                            '{{ route('arriendoinmueble.store') }}',
                            formData
                        ).then(
                            res => {
                                console.log(res)
                                //$("#" + this.encuesta_id).hide();
                                //window.location = '{{ route('encuestas.index') }}'
                                window.location.reload();
                            }
                        ).catch(
                            err => {
                                if (err.response.status === 500) {
                                    this.status = err.response.data.status
                                }

                                if (err.response.status === 422) {
                                    this.errors = err.response.data.errors
                                }
                            }
                        );
                    }
                },

                EditarContrato(e) {
                    e.preventDefault();
                    const formData = new FormData;

                    formData.append(
                        'contrato_id',
                        this.contr.contrato_id
                    );

                    formData.append(
                        'supervisor_id',
                        this.contr.supervisor_id
                    );

                    formData.append(
                        'inmueble_id',
                        this.contr.inmueble_id
                    );

                    formData.append(
                        'cuenta_presup',
                        this.contr.cuenta_presup
                    );

                    formData.append(
                        'n_da',
                        this.contr.n_da
                    );

                    formData.append(
                        'fecha_da',
                        this.contr.fecha_da
                    );

                    formData.append(
                        'vigencia_desde',
                        this.contr.vigencia_desde
                    );

                    formData.append(
                        'vigencia_hasta',
                        this.contr.vigencia_hasta
                    );

                    formData.append(
                        'monto_mensual',
                        this.contr.monto_mensual
                    );

                    formData.append(
                        'derecho_de_aseo',
                        this.contr.derecho_de_aseo
                    );

                    formData.append(
                        'monto_anual',
                        this.contr.monto_anual
                    );

                    formData.append(
                        'observaciones',
                        this.contr.observaciones
                    );

                    formData.append(
                        'n_adjuntos',
                        this.t_adjuntos.length
                    );

                    if (this.t_adjuntos.length != 0) {
                        for (var i = 0; i < this.t_adjuntos.length; i++) {
                            formData.append(
                                'adjunto_' + i,
                                this.t_adjuntos[i].adjunto
                            );
                        }
                        console.log(this.t_adjuntos[0].adjunto)
                    }

                    this.$http.post(
                        '{{ route('arriendoinmueble.store_contrato') }}',
                        formData
                    ).then(
                        res => {
                            console.log(res)
                            //$("#" + this.encuesta_id).hide();
                            //window.location = '{{ route('encuestas.index') }}'
                            window.location.reload();
                        }
                    ).catch(
                        err => {
                            if (err.response.status === 500) {
                                this.status = err.response.data.status
                            }

                            if (err.response.status === 422) {
                                this.errors = err.response.data.errors
                            }
                        }
                    );
                },

				getFileIcon(extension) {
					if (this.$_.includes(['.xls', '.xlsx'], extension)) {
						return 'fa-file-excel-o'
					}

					if (this.$_.includes(['doc', 'docx'], extension)) {
						return 'fa-file-word-o'
					}

					if (this.$_.includes(['ppt', 'pptx'], extension)) {
						return 'fa-file-powerpoint-o'
					}

					if (this.$_.includes(['zip', 'rar'], extension)) {
						return 'fa-file-archive-o'
					}

					if (this.$_.includes(['mp4', 'avi'], extension)) {
						return 'fa-file-movie-o'
					}

					if (this.$_.includes(['png', 'jpg', 'jpeg'], extension)) {
						return 'fa-file-picture-o'
					}

					if (this.$_.includes(['mp3'], extension)) {
						return 'fa-file-sound-o'
					}

					if (this.$_.includes(['txt'], extension)) {
						return 'fa-file-text-o'
					}

					if (this.$_.includes(['pdf'], extension)) {
						return 'fa-file-pdf-o'
					}

					if (this.$_.includes(['url'], extension)) {
						return 'fa-link'
					}

					return 'fa-file'
				}

			}
		})
	</script>
@endpush