VW Passat Variant 1,4 TSI Plugin-hybrid GTE DSG 218HK Stc 6g Aut. 5d (2023)

' + '' }); Vue.component('custom-slider', { delimiters: ['{', '}'], props: ['locked', 'step', 'list', 'value', 'initialMin', 'initialMax', 'suffix', 'valueMin', 'valueMax', 'valueReal', 'hideLabels'], data: function() { return { //value: this.initialValue !== undefined ? this.initialValue : 0, active: false } }, computed: { sliderPercentage: function() { var percentage; if (this.list !== undefined) { var index = this.list.indexOf(this.value); percentage = index / (this.list.length - 1) * 100; } else { percentage = (this.value - this.min) / (this.max - this.min) * 100; } return { width: percentage + '%' }; }, min: function() { if (this.list !== undefined && this.list.length && this.initialMin === undefined) return this.list[0]; return this.initialMin !== undefined ? this.initialMin : 0; }, max: function() { if (this.list !== undefined && this.list.length && this.initialMax === undefined) return this.list[this.list.length - 1]; return this.initialMax !== undefined ? this.initialMax : 0; } }, methods: { onClick: function(evt) { var el = this.$refs.overlay; var width = el.offsetWidth - 20; /* width is offset on both sides */ var offsetLeft = el.getBoundingClientRect().left + 10; var offsetX = evt.pageX - offsetLeft; var perc = (offsetX < 0 ? 0 : (offsetX > width ? 1.0 : (offsetX / width))); var span = this.max - this.min; var value = this.min + Math.round(span * perc); if (this.list !== undefined) { var index = Math.round((this.list.length - 1) * perc); value = this.list[index]; } else if (this.step !== undefined) { value = Math.round(value / this.step) * this.step; } /*if (this.props.list !== undefined && !this.state.isDragging) { var index = this.props.list.indexOf(value); var percentage = (index / (this.props.list.length - 1)); var diff = Math.abs(percentage - perc); if (diff > 0.05) { if (percentage > perc) { value = this.props.list[index - 1]; } else { value = this.props.list[index + 1]; } } }*/ if (value > this.max) { value = this.max; } else if (value < this.min) { value = this.min; } if (!this.locked) { this.$emit('update', value); } }, onMouseMove: function(evt) { if (!this.active) return; this.onClick(evt); }, onMouseDown: function(evt) { this.active = true; if (document.body.classList) { document.body.classList.add('is-sliding'); } }, onMouseUp: function(evt) { this.active = false; if (document.body.classList) { document.body.classList.remove('is-sliding'); } }, onTouchStart: function(evt) { this.onMouseDown({pageX: evt.touches[0].pageX}); }, onTouchMove: function(evt) { if (!this.active) return; this.onClick({pageX: evt.touches[0].pageX}); } }, mounted: function() { document.body.addEventListener('mousemove', this.onMouseMove); document.body.addEventListener('mouseup', this.onMouseUp); document.body.addEventListener('mouseleave', this.onMouseUp); document.body.addEventListener('touchend', this.onMouseUp); document.body.addEventListener('touchmove', this.onTouchMove); }, beforeDestroy: function() { document.body.removeEventListener('mousemove', this.onMouseMove); document.body.removeEventListener('mouseup', this.onMouseUp); document.body.removeEventListener('mouseleave', this.onMouseUp); document.body.removeEventListener('touchend', this.onMouseUp); document.body.removeEventListener('touchmove', this.onTouchMove); }, template: '' + '

' }); Vue.component('period-button', { delimiters: ['{', '}'], props: ['label', 'value'], data: function() { return { } }, methods: { onClick: function(evt) { evt.preventDefault(); this.$emit('update', this.value); } }, template: '' }); Vue.filter('thousandsep', function(n) { var locales = ['da-DK', 'id']; return typeof(n) == "number" ? n.toLocaleString(locales) : 0; }); var include_tax = true; window.vm = new Vue({ delimiters: ['{', '}'], el: '#leasing-app', data: { disable_km_slider: false, tax: include_tax, ownership: 0, splitEnabled: false, showModal: false, showSuccess: false, showDeposit: false, showServiceDescription: false, showGuaranteeDescription: false, showInsuranceDescription: false, noRemainingValueDiff: true, remaining_value_min: -0, remaining_value_max: 0, modalLoading: false, socket: null, socket_endpoint: 'wss://socket.findleasing.nu/ws/calc/offer/pn2dv/', use_period_slider: false, offer: {"unique_id": "pn2dv", "list_type": 1, "price_tax": false, "period": 36, "price_monthly": 4476, "price_monthly_tax": 5595, "first_pay": 12000.0, "first_pay_visual": 12000, "first_pay_visual_tax": 15000, "remaining_value": 63875, "deposit": null, "funding": 0, "ownership": 0, "leasing_type": 0, "vouch_remaining_value": false, "cargarantie_matrix_id": null, "url": "", "title": " Variant 1,4 TSI Plugin-hybrid GTE DSG 218HK Stc 6g Aut. 5d", "full_title": "VW Passat Variant 1,4 TSI Plugin-hybrid GTE DSG 218HK Stc 6g Aut. 5d", "year": 2020, "first_registration": "2020-10-22", "delivery_date": "2023-06-01", "kilometers": 10000, "mileage": 19000, "tax_paid": false, "taxation": null, "efficiency": 62.5, "category": 0, "detail_price": 319900, "detail_price_with_tax": false, "price_wo_tax": null, "price_wo_tax_with_tax": false, "plates": 1, "doors": 5, "power_in_hp": 218, "max_speed_in_km_h": 225, "acceleration_0_100_in_sec": 7.6, "fuel_capacity_in_l": null, "seats": null, "torque_in_nm": null, "number_of_gears": 6, "total_weight_in_kg": 2250, "length_in_mm": 48890, "width_in_mm": 18320, "height_in_mm": 15160, "cylinders": 4, "wheel_drive": "forhjulstrukket", "gear_type": "automatisk", "description": "Privatleasing af Volkswagen Passat GTE Variant\n\n36 mdr. og 10.000 km \u00e5rligt. inkl. service og reprationsaftale \n\nF\u00f8rstegangsydelse: 15.000 kr.\nDin leasingydelse: 5.595 kr./md\nSamlet omkostninger: 216.420 kr.\n\nMerpris ved hel\u00e5rsd\u00e6k, 89 kr./md\nMerpris for kaskoforsikring, 495 kr./md (Selvrisiko: 5.000 kr.)\n\nMerpris ved 15.000 km/\u00e5r, 250 kr./md\nMerpris ved 20.000 km/\u00e5r, 500 kr./md\nMerpris ved 25.000 km/\u00e5r, 900 kr./md\n\nForsikring foruds\u00e6tter alder over 26 \u00e5r, for f\u00f8rer under 26 er selvrisiko dobbelt.\nGr\u00f8n ejerafgift opkr\u00e6ves af leasingselskab, som g\u00e5r efter SKATs takster. Leasingydelsen er ekskl. gr\u00f8n ejerafgift.\n\nEN FAMILIEBIL I TOPKLASSE OG FANTASTIK K\u00d8REOPLEVELSE I DENNE PLUG IN HYBRID\nHIGHLIGHTS!\n-17\u201d ALUF\u00c6LGE \n- SVINGBART TR\u00c6K\n- APPLE CARPLAY / ANDROID AUTO\n- PARKERINGSSENSOR FOR/BAG \n- ADAPTIV FARTPILOT \n- BAKKAMERA \n\nVI TAGER ALLE BILER I BYTTE!\n\nAutomatgear, Bluetooth, CD / radio, Centrall\u00e5s, Automatisk lys, Elruder for/bag, El-h\u00e5ndbremse, Fartpilot adaptiv, Klimaanl\u00e6g 2-zoner, S\u00e6devarme for, USB stik, Aluf\u00e6lge, LED k\u00f8relys, T\u00e5gelygter, Kopholder, H\u00f8jdejusterbart f\u00f8rers\u00e6de, Bakkamera, El-spejle, N\u00f8glefri start, Parkeringssensor bag, Touchsk\u00e6rm, 17\" Aluf\u00e6lge, Justerbart rat, Isofix, Aircondition, Android Auto, Apple CarPlay, DAB radio, Elruder for, Fartpilot, Fartbegr\u00e6nser, Fjernbetjent centrall\u00e5s, Klimaanl\u00e6g, Multifunktionsrat, Musikstreaming via bluetooth, Parkeringssensor for, Radio, Udvendig temperaturm\u00e5ler, Anh\u00e6ngertr\u00e6k, Anh\u00e6ngertr\u00e6k svingbart (man.), Fuld LED forlygter, LED baglygter, Metallak, L\u00e6derrat, Splitbags\u00e6de, Automatisk n\u00f8dbremsesystem, Automatisk n\u00f8dopkald, Skiltegenkendelse, Ikke ryger\n\nBILEN KAN FINANSIERES BILLIGT HOS AUTOHUSET VESTERGAARD I \u00c5RHUS.\n\nForretningen i \u00c5rhus har \u00e5bent:\nMandag - Fredag kl. 09.00 - 17.30\nL\u00f8rdag og S\u00f8ndag kl 11.00 - 16.00\nVesterl\u00f8kken 2, 8230 \u00c5byh\u00f8j", "in_stock": false, "make": "VW", "model": "Passat", "fuel_type": "Hybrid/Benzin", "equipment_list": null, "images": ["/media/offer_listings/pn2dv/l7o2wxp558i2fstxc6", "/media/offer_listings/pn2dv/orwno9i1k9e3xryze5", "/media/offer_listings/pn2dv/66s0wvo7if17kjuj6t", "/media/offer_listings/pn2dv/fcd0c3ij4jonfiznjf", "/media/offer_listings/pn2dv/zihmesqoqq02b0jzmx", "/media/offer_listings/pn2dv/6zhu9ilgi5c1dc09vb", "/media/offer_listings/pn2dv/n5drd9xtol8447q523", "/media/offer_listings/pn2dv/k1yod23hcea0p6sp63", "/media/offer_listings/pn2dv/i6af8c3k7vh7ovkuik", "/media/offer_listings/pn2dv/mb9tg9vgmm8ixos188", "/media/offer_listings/pn2dv/ubwssafovesypp6ehg", "/media/offer_listings/pn2dv/9qdcya7ewyyoka5jyb", "/media/offer_listings/pn2dv/2l7fnfjl1kzsmizwaf", "/media/offer_listings/pn2dv/4ke7wywottelro7jku", "/media/offer_listings/pn2dv/qnr4kq7799ldwktir9", "/media/offer_listings/pn2dv/y0nkbcczc6hq423pr4", "/media/offer_listings/pn2dv/hsr8qbfspjctm9m89p", "/media/offer_listings/pn2dv/5wxi1fievzocrui1ce", "/media/offer_listings/pn2dv/4ohxls6vp730p27qw0", "/media/offer_listings/pn2dv/b3ncwsgab2vzw7jwuf", "/media/offer_listings/pn2dv/djl09kuhw7mgir0td9", "/media/offer_listings/pn2dv/gpy71hnwevdhmastgt", "/media/offer_listings/pn2dv/p3viayqhp9t75iqa4a", "/media/offer_listings/pn2dv/v1uuvts9b56aq8vhco", "/media/offer_listings/pn2dv/3v69g4vimmbie5helh", "/media/offer_listings/pn2dv/cwndj24lx4rylin8qb", "/media/offer_listings/pn2dv/a0igyeck5bs82m2gvw", "/media/offer_listings/pn2dv/t4pe8snzii9urdkh7r", "/media/offer_listings/pn2dv/92n1s657luour8r5f1", "/media/offer_listings/pn2dv/haxde55frwcjb3nkzo", "/media/offer_listings/pn2dv/o0ud3urdpfz470uwzw"], "address": {"street": "Vesterl\u00f8kken 2", "postal_code": "8230", "city": "\u00c5byh\u00f8j"}, "thumbnail": "/media/offer_listings/pn2dv/thumbnail/th_itqk79ot7ddnpdrwsd.jpg", "first_pay_min": null, "first_pay_max": null, "matrix_ranges": {"months": [36], "kilometers": [10000, 15000, 20000, 25000], "private_months": [36], "business_months": []}, "tax_excluded": false, "ownership_lock": true, "has_free_mileage": false, "has_service_matrix": true, "has_guarantee_matrix": false, "has_insurance_matrix": false, "has_cargarantie_matrix": false, "service_matrix_included": true, "guarantee_matrix_included": false, "insurance_matrix_included": false, "cargarantie_matrix_included": false, "seller": {"id": 644, "name": "First Lease A/S", "email": "info@firstlease.dk", "phone": "82302324", "website": "https://firstlease.dk/", "profile_photo": "/media/logos/644.jpg", "normalized_phone": "82 30 23 24", "analytics_name": "First Lease", "address": {"street": "Smedeland 22", "postal_code": "2600", "city": "Glostrup"}}, "terms": "Der foretages en positiv kreditv\u00e6rdighedsvurdering forud for endelig leasingaftale.", "user": {"name": "Mads Kyhse", "profile_photo": "/media/employees/ufpqurtsglokaujujr.jpg", "email": "kyhse@firstlease.dk", "phone": "40781728", "phone_formatted": "40 78 17 28"}, "services": [{"id": 32870, "parent": null, "organization_offer": null, "price_type": 1, "price": 495, "is_checked": false, "is_locked": false, "tax_free": true, "description": "Forsikring (over 26 \u00e5r)", "price_type_desc": "Pris pr. mnd"}], "matrixes": [], "service_matrix_description": "Service- og reparationsaftale betyder, at alle serviceeftersyn jf. producentens forskrifter, samt alle reparationer i leasingperioden er inkluderet. Det betyder at du har fuld garanti i hele leasingperioden, n\u00e5r du leaser hos First Lease", "service_matrix_name": "Service & Rep. Aftale", "service_matrix_unlockable": false}, interacted: false, values: { splitleasing: false, split_amount: 20, remaining_value_diff: 0, include_service: true, include_guarantee: false, include_insurance: false, limitfp: true, total_monthly_pay: 4476, total_monthly_pay_tax: 5595, period: 36, kilometers: 10000, first_pay_no_tax: 0, first_pay_tax: 0, first_pay_min: 0, first_pay_max: 12000, first_pay: 12000, remaining_value: 63875, deposit: null, total_during_period: 0, total_during_period_tax: 0, services: [] }, contact: { name: '', email: '', phone: '', comment: '' }, errors: { name: '', email: '', phone: '' } }, mounted: function() { this.socket = new ReconnectingWebSocket(this.socket_endpoint, null, { reconnectInterval: 3000, maxReconnectAttempts: 10 }); var _this = this; this.values.first_pay_tax = this.first_pay; this.values.first_pay_no_tax = this.values.first_pay; this.values.services = this.offer.services.filter(function(s) { return s.is_checked || s.is_locked }).map(function(s) { return s.id }); if (this.periods.indexOf(this.values.period) === -1) { this.values.period = this.periods[0]; } this.socket.onmessage = function(evt) { _this.onMessage(JSON.parse(evt.data)); } this.socket.onopen = function() { _this.updateResponse(); } }, computed: { tax_info_text: function() { if (this.offer.price_tax) { return this.offer.tax_paid ? 'inkl. moms og afgift' : 'inkl. moms ex. afgift'; } else { return this.offer.tax_paid ? 'ex. moms inkl. afgift' : 'ex. moms og afgift'; } }, private_periods: function() { var months = this.offer.matrix_ranges.months; var business_months = this.offer.matrix_ranges.business_months; if (this.offer.matrix_ranges.private_months && business_months && business_months.length) { return months.filter(function(m) { return business_months.indexOf(m) === -1; }); } else if (this.offer.matrix_ranges.private_months) { return this.offer.matrix_ranges.private_months.filter(function(pm) { return months.indexOf(pm) !== -1; }); } }, business_periods: function() { var months = this.offer.matrix_ranges.months; var private_months = this.offer.matrix_ranges.private_months; if (this.offer.matrix_ranges.business_months && private_months && private_months.length) { return months.filter(function(m) { return private_months.indexOf(m) === -1; }) } else if (this.offer.matrix_ranges.business_months) { return this.offer.matrix_ranges.business_months.filter(function(pm) { return months.indexOf(pm) !== -1; }); } }, periods: function() { var periods = undefined; var months = this.offer.matrix_ranges.months; if (this.tax && this.offer.matrix_ranges.private_months && this.offer.matrix_ranges.private_months.length) { periods = this.private_periods; } else if (!this.tax && this.offer.matrix_ranges.business_months && this.offer.matrix_ranges.business_months.length) { periods = this.business_periods; } else { periods = months; } return periods; }, has_services: function() { return this.offer.services.length > 0 || this.offer.has_service_matrix || this.offer.has_guarantee_matrix || this.offer.has_insurance_matrix; }, contactButtonClasses: function() { return { 'col-md-4 text-right xs-text-center': this.has_services, 'col-md-6 col-md-push-3 text-center': !this.has_services, 'contact-container': true }; }, monthlyPayClasses: function() { return { 'col-12 xs-text-center': true, 'col-md-5 col-md-push-7 text-right': (this.periods.length < 6), 'text-center': (this.periods.length >= 6) } }, first_pay_min_tax: function() { return this.tax ? parseInt(this.values.first_pay_min * 1.25) : this.values.first_pay_min; }, first_pay_max_tax: function() { return this.tax ? parseInt(this.values.first_pay_max * 1.25) : this.values.first_pay_max; }, selected_services: function() { if (!this.has_services) return []; var _this = this; return this.offer.services.filter(function(s) { return _this.values.services.indexOf(s.id) !== -1; }); }, deposit_tax: function() { return this.tax ? parseInt(this.values.deposit * 1.25) : this.values.deposit; }, total_during_period: function() { return this.tax ? this.values.total_during_period_tax : this.values.total_during_period; }, first_pay_step: function() { return this.tax ? 800 : 1000; } }, methods: { onMessage: function(response) { var result = response.result; this.values.total_monthly_pay = result.total_monthly_pay; this.values.total_monthly_pay_tax = result.total_monthly_pay_tax; this.values.remaining_value = result.remaining_value; this.values.first_pay_min = result.first_pay_min; if (result.first_pay_max < this.values.first_pay_max) { this.values.first_pay_max = result.first_pay_max; } this.values.total_during_period = result.total_during_period; this.values.total_during_period_tax = result.total_during_period_tax || parseInt(result.total_during_period * 1.25); this.values.deposit = result.deposit || this.offer.deposit; this.values.first_pay_tax = result.first_pay_tax; this.values.first_pay_no_tax = result.first_pay; var out_of_bounds = this.values.first_pay > this.values.first_pay_max || this.values.first_pay < this.values.first_pay_min; if (this.values.first_pay_min > this.values.first_pay_max) { this.values.first_pay_min = this.values.first_pay_max; } if (this.values.first_pay > this.values.first_pay_max) { this.values.first_pay = this.values.first_pay_max; } if (this.values.first_pay < this.values.first_pay_min) { this.values.first_pay = this.values.first_pay_min; } /* trigger another update if first_pay is outside parameters */ if (out_of_bounds) { this.updateResponse(); } }, ownershipChanged: function(value) { this.ownership = value; this.tax = this.ownership == 0; this.values.splitleasing = this.ownership == 2; var period = this.values.period; if (this.ownership == 0 && this.offer.matrix_ranges.private_months && this.offer.matrix_ranges.private_months.length) { if (this.offer.matrix_ranges.private_months.indexOf(this.values.period) === -1) { var closest_period = this.private_periods.reduce(function(prev, curr) { return (Math.abs(curr - period) < Math.abs(prev - period) ? curr : prev); }); this.values.period = closest_period; } } else if (this.ownership == 1 && this.offer.matrix_ranges.business_months && this.offer.matrix_ranges.business_months.length) { if (this.offer.matrix_ranges.business_months.indexOf(this.values.period === -1)) { var closest_period = this.business_periods.reduce(function(prev, curr) { return (Math.abs(curr - period) < Math.abs(prev - period) ? curr : prev); }); this.values.period = closest_period; } } this.updateResponse(); }, onInteraction: function() { if (!this.interacted) { this.interacted = true; gtag('event', 'slider_interaction', {"seller": "First Lease", "make": "VW", "model": "Passat", "event_source": "portal"}); } }, updateResponse: function() { this.socket.send(JSON.stringify(this.values)); }, splitAmountUpdated: function(value) { this.values.split_amount = parseInt(value); }, periodUpdated: function(value) { this.values.period = parseInt(value); this.updateResponse(); }, kilometersUpdated: function(value) { this.values.kilometers = value; this.updateResponse(); }, firstPayUpdated: function(value) { this.values.first_pay = value; this.updateResponse(); }, remainingValueDiffUpdated: function(value) { this.values.remaining_value_diff = value; this.updateResponse(); }, toggleService: function(evt) { this.updateResponse(); }, roundValue: function(value) { return Math.round(value / 500 * (this.tax ? 1.25 : 1)) * 500 * (this.tax ? 0.8 : 1.0); }, togglePopup: function() { this.showModal = true; }, toggleShowServiceDescription: function() { this.showServiceDescription = !this.showServiceDescription; }, toggleShowGuaranteeDescription: function() { this.showGuaranteeDescription = !this.showGuaranteeDescription; }, toggleShowInsuranceDescription: function() { this.showInsuranceDescription = !this.showInsuranceDescription; }, split_private_value: function(value) { return parseInt(value * (this.values.split_amount / 100)) }, split_business_value: function(value) { return parseInt(value * ((100 - this.values.split_amount) / 100)) }, validateName: function() { if (!this.contact.name.length) { this.errors.name = 'Indtast venligst navn.'; } else { this.errors.name = ''; } }, validateEmail: function() { this.contact.email = this.contact.email.replace(/\s+/g, ''); if (!this.contact.email.length) { this.errors.email = 'Indtast venligst email'; } else if (!this.contact.email.match(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)) { this.errors.email = 'Indtast venligst en gyldig email'; } else { this.errors.email = ''; } }, checkErrors: function() { this.validateName(); this.validateEmail(); return this.errors.name.length || this.errors.email.length; }, sendReply: function() { if (this.modalLoading) return; if (this.checkErrors()) { return; } this.modalLoading = true; var _this = this; var data = $.extend({}, this.values, this.contact, { with_tax: this.tax, include_services: this.values.include_service }); $.post('/json/offer/message/172933/', data, function(response) { if (response.success) { _this.showModal = false; _this.showSuccess = true; gtag('event', 'contact_form_submit', {"seller": "First Lease", "make": "VW", "model": "Passat", "event_source": "portal"}); ga('send', 'event', "First Lease", 'Kontakt email sendt', "VW Passat Variant 1,4 TSI Plugin-hybrid GTE DSG 218HK Stc 6g Aut. 5d"); fbq('track', 'Lead', {content_name: "First Lease", content_category: 'Sendt email til sælger'}); } }).always(function() { _this.modalLoading = false; }); } } });