{"id":17835,"date":"2021-01-18T16:50:25","date_gmt":"2021-01-18T16:50:25","guid":{"rendered":"https:\/\/demo.vehicatheme.com\/?page_id=17835"},"modified":"2021-01-18T17:00:14","modified_gmt":"2021-01-18T17:00:14","slug":"compare","status":"publish","type":"page","link":"https:\/\/jsautomtl.com\/fr\/compare\/","title":{"rendered":"Comparer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17835\" class=\"elementor elementor-17835\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3bc8ab1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bc8ab1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02c8fb1\" data-id=\"02c8fb1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9749935 elementor-widget elementor-widget-spacer\" data-id=\"9749935\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a19a946 elementor-widget elementor-widget-vehica_compare_general_widget\" data-id=\"a19a946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vehica_compare_general_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vehica-app\">\r\n    <vehica-compare-nav\r\n            redirect-url=\"https:\/\/jsautomtl.com\/fr\/search\/\"\r\n            :initial-cars=\"[]\"\r\n            :redirect=\"true\"\r\n    >\r\n        <div slot-scope=\"compareNav\">\r\n                            <template>\r\n                    <div v-if=\"!compareNav.count\">\r\n                        <div class=\"vehica-compare__loader\">\r\n                            <div class=\"vehica-compare__loader-inner\">\r\n                                <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                     fill=\"#fff\">\r\n                                    <circle cx=\"15\" cy=\"15\" r=\"15\">\r\n                                        <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\"15;9;15\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\"1;.5;1\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                    <\/circle>\r\n                                    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\r\n                                        <animate attributeName=\"r\" from=\"9\" to=\"9\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\"9;15;9\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\".5;1;.5\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                    <\/circle>\r\n                                    <circle cx=\"105\" cy=\"15\" r=\"15\">\r\n                                        <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\"15;9;15\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                                 begin=\"0s\" dur=\"0.8s\"\r\n                                                 values=\"1;.5;1\" calcMode=\"linear\"\r\n                                                 repeatCount=\"indefinite\"\/>\r\n                                    <\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            \r\n            <div\r\n                                    v-if=\"compareNav.count > 0\"\r\n                                    class=\"vehica-compare\"\r\n                    :class=\"'vehica-compare--count-' + compareNav.count\"\r\n            >\r\n                <div class=\"vehica-compare__data\">\r\n                    <div class=\"vehica-compare__row\">\r\n                        <div class=\"vehica-compare__column\">\r\n                            <h1 class=\"vehica-compare__heading\">\r\n                                Compare                                <template>({{ compareNav.count }})<\/template>\r\n                            <\/h1>\r\n\r\n                            <div class=\"vehica-compare__buttons\">\r\n                                <div class=\"vehica-compare__back-to-search\">\r\n                                    <a class=\"vehica-button vehica-button--outline\"\r\n                                       href=\"https:\/\/jsautomtl.com\/fr\/search\/?compare=1\">\r\n                                        Back to Search                                    <\/a>\r\n                                <\/div>\r\n                                <div class=\"vehica-compare__arrows\">\r\n                                    <template>\r\n                                        <div\r\n                                                class=\"vehica-carousel__arrow vehica-carousel__arrow--left\"\r\n                                                @click.prevent=\"compareNav.prev\"\r\n                                        >\r\n                                        <\/div>\r\n\r\n                                        <div\r\n                                                class=\"vehica-carousel__arrow vehica-carousel__arrow--right\"\r\n                                                @click.prevent=\"compareNav.next\"\r\n                                        >\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <template>\r\n                            <div\r\n                                    v-for=\"car in compareNav.cars\"\r\n                                    :key=\"car.id\"\r\n                                    class=\"vehica-compare__column\"\r\n                                    :class=\"'vehica-compare__column vehica-compare__column--' + car.id\"\r\n                            >\r\n                                <div class=\"vehica-compare__image-wrapper\">\r\n                                    <a\r\n                                            class=\"vehica-compare__image\"\r\n                                            :href=\"car.url\"\r\n                                    >\r\n                                        <img\r\n                                                v-if=\"car.image\"\r\n                                                :src=\"car.image\"\r\n                                                :alt=\"car.name\"\r\n                                        >\r\n\r\n                                        <div\r\n                                                v-if=\"!car.image\"\r\n                                                class=\"vehica-compare__image-wrapper__icon\"\r\n                                        ><\/div>\r\n                                    <\/a>\r\n\r\n                                    <div\r\n                                            class=\"vehica-compare__remove\"\r\n                                            @click.prevent=\"compareNav.remove(car.id)\"\r\n                                    >\r\n                                        <i class=\"fas fa-times\"><\/i>\r\n                                    <\/div>\r\n\r\n                                    <button\r\n                                            class=\"vehica-compare__lock\"\r\n                                            @click.prevent=\"compareNav.setLock(car.id)\"\r\n                                    >\r\n                                        <span v-if=\"compareNav.lockedCarId !== car.id\"><i\r\n                                                    class=\"fas fa-unlock\"><\/i> Lock Column<\/span>\r\n\r\n                                        <span v-if=\"compareNav.lockedCarId === car.id\"><i\r\n                                                    class=\"fas fa-lock\"><\/i> Locked<\/span>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <h3 class=\"vehica-compare__name\">\r\n                                    <a :href=\"car.url\">\r\n                                        {{ car.name }}\r\n                                    <\/a>\r\n                                <\/h3>\r\n                            <\/div>\r\n\r\n                            <div class=\"vehica-compare__column\">\r\n                                <a\r\n                                        href=\"https:\/\/jsautomtl.com\/fr\/search\/?compare=1\"\r\n                                        class=\"vehica-compare__image-placeholder\"\r\n                                >\r\n                                    <div class=\"vehica-compare__image-placeholder__inner\">\r\n                                        <div>\r\n                                            <i class=\"fa fa-plus\"><\/i>\r\n                                        <\/div>\r\n\r\n                                        <div>\r\n                                            Add another listing                                        <\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n\r\n                                                <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label vehica-compare__column--featured-label\"\r\n                                                                    >\r\n                                    Asking Price                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column vehica-compare__column--featured\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6656] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label vehica-compare__column--featured-label\"\r\n                                                                    >\r\n                                    Monthly Payment Before Tax                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column vehica-compare__column--featured\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23879] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label vehica-compare__column--featured-label\"\r\n                                                                    >\r\n                                    Monthly Payment After Tax                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column vehica-compare__column--featured\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23880] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label vehica-compare__column--featured-label\"\r\n                                                                    >\r\n                                    Residual Value                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column vehica-compare__column--featured\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23881] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label vehica-compare__column--featured-label\"\r\n                                                                    >\r\n                                    Cashdown                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column vehica-compare__column--featured\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23882] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Type                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6655] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Make                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6659] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Model                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6660] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Trim                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23843] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Year                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[14696] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Drive Type                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6661] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Transmission                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6662] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Fuel Type                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6663] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Mileage                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6664] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Color                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6666] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Doors                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[12770] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    VIN                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[6671] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Location                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[16721] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Interest Rate                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23877] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                        <div\r\n                                    class=\"vehica-compare__row\"\r\n                                                            >\r\n                                <div\r\n                                                                            class=\"vehica-compare__column vehica-compare__column--label\"\r\n                                                                    >\r\n                                    Yearly KM Allowance                                <\/div>\r\n\r\n                                <template>\r\n                                    <div\r\n                                            v-for=\"car in compareNav.cars\"\r\n                                            :key=\"car.id\"\r\n                                                                                    class=\"vehica-compare__column\"\r\n                                                                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                                    >\r\n                                        {{ car[23883] }}\r\n                                    <\/div>\r\n\r\n                                    <div class=\"vehica-compare__column\">\r\n                                        -\r\n                                    <\/div>\r\n                                <\/template>\r\n                            <\/div>\r\n                                                                                                        <div\r\n                                                                            class=\"vehica-compare__row\"\r\n                                >\r\n                                    <div class=\"vehica-compare__column vehica-compare__column--label\">\r\n                                        Lease Transfer                                    <\/div>\r\n\r\n                                    <template>\r\n                                        <div\r\n                                                v-for=\"car in compareNav.cars\"\r\n                                                                                            class=\"vehica-compare__column\"\r\n                                                                                            :class=\"'vehica-compare__column--' + car.id\"\r\n                                        >\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2520) !== -1\"\r\n                                                    class=\"vehica-compare__yes\"\r\n                                            >Yes<\/span>\r\n\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2520) === -1\"\r\n                                                    class=\"vehica-compare__no\"\r\n                                            >No<\/span>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"vehica-compare__column\">\r\n                                            -\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                                                            <div\r\n                                                                            class=\"vehica-compare__row\"\r\n                                >\r\n                                    <div class=\"vehica-compare__column vehica-compare__column--label\">\r\n                                        New                                    <\/div>\r\n\r\n                                    <template>\r\n                                        <div\r\n                                                v-for=\"car in compareNav.cars\"\r\n                                                                                            class=\"vehica-compare__column\"\r\n                                                                                            :class=\"'vehica-compare__column--' + car.id\"\r\n                                        >\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2522) !== -1\"\r\n                                                    class=\"vehica-compare__yes\"\r\n                                            >Yes<\/span>\r\n\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2522) === -1\"\r\n                                                    class=\"vehica-compare__no\"\r\n                                            >No<\/span>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"vehica-compare__column\">\r\n                                            -\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                                                            <div\r\n                                                                            class=\"vehica-compare__row\"\r\n                                >\r\n                                    <div class=\"vehica-compare__column vehica-compare__column--label\">\r\n                                        Pre-owned                                    <\/div>\r\n\r\n                                    <template>\r\n                                        <div\r\n                                                v-for=\"car in compareNav.cars\"\r\n                                                                                            class=\"vehica-compare__column\"\r\n                                                                                            :class=\"'vehica-compare__column--' + car.id\"\r\n                                        >\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2521) !== -1\"\r\n                                                    class=\"vehica-compare__yes\"\r\n                                            >Yes<\/span>\r\n\r\n                                            <span\r\n                                                    v-if=\"car[23875].indexOf(2521) === -1\"\r\n                                                    class=\"vehica-compare__no\"\r\n                                            >No<\/span>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"vehica-compare__column\">\r\n                                            -\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                                                                                                                                    <div\r\n                                                                            class=\"vehica-compare__row\"\r\n                                >\r\n                                    <div class=\"vehica-compare__column vehica-compare__column--label\">\r\n                                        Sold                                    <\/div>\r\n\r\n                                    <template>\r\n                                        <div\r\n                                                v-for=\"car in compareNav.cars\"\r\n                                                                                            class=\"vehica-compare__column\"\r\n                                                                                            :class=\"'vehica-compare__column--' + car.id\"\r\n                                        >\r\n                                            <span\r\n                                                    v-if=\"car[6657].indexOf(2475) !== -1\"\r\n                                                    class=\"vehica-compare__yes\"\r\n                                            >Yes<\/span>\r\n\r\n                                            <span\r\n                                                    v-if=\"car[6657].indexOf(2475) === -1\"\r\n                                                    class=\"vehica-compare__no\"\r\n                                            >No<\/span>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"vehica-compare__column\">\r\n                                            -\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                                                                        \r\n                    <div class=\"vehica-compare__row\">\r\n                        <div class=\"vehica-compare__column\"><\/div>\r\n\r\n                        <template>\r\n                            <div\r\n                                    v-for=\"car in compareNav.cars\"\r\n                                    :key=\"car.id\"\r\n                                    class=\"vehica-compare__column\"\r\n                                    :class=\"'vehica-compare__column--' + car.id\"\r\n                            >\r\n                                <div class=\"vehica-compare__button\">\r\n                                    <a\r\n                                            class=\"vehica-button\"\r\n                                            :href=\"car.url\"\r\n                                            :title=\"car.name\"\r\n                                            target=\"_blank\"\r\n                                    >\r\n                                        View                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"vehica-compare__column\"><\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/vehica-compare-nav>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72b643b elementor-widget elementor-widget-spacer\" data-id=\"72b643b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>0&#8243; :class=&#8221;&#8216;vehica-compare&#8211;count-&#8216; + compareNav.count&#8221; > Compare ({{ compareNav.count }}) Back to Search Lock Column Locked {{ car.name }} Add another listing Price {{ car[6656] }} &#8211; Type {{ car[17481] }} &#8211; Condition {{ car[6654] }} &#8211; Body Type {{ car[6655] }} &#8211; Year {{ car[14696] }} &#8211; Make {{ car[6659] }} &#8211; Model {{ car[6660] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":24064,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17835","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Compare - JSAutoMTL.com | Cars, Leases<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jsautomtl.com\/fr\/compare\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compare - JSAutoMTL.com | Cars, Leases\" \/>\n<meta property=\"og:description\" content=\"0&#8243; :class=&#8221;&#8216;vehica-compare&#8211;count-&#8216; + compareNav.count&#8221; &gt; Compare ({{ compareNav.count }}) Back to Search Lock Column Locked {{ car.name }} Add another listing Price {{ car[6656] }} &#8211; Type {{ car[17481] }} &#8211; Condition {{ car[6654] }} &#8211; Body Type {{ car[6655] }} &#8211; Year {{ car[14696] }} &#8211; Make {{ car[6659] }} &#8211; Model {{ car[6660] [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jsautomtl.com\/fr\/compare\/\" \/>\n<meta property=\"og:site_name\" content=\"JSAutoMTL.com | Cars, Leases\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-18T17:00:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/\",\"url\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/\",\"name\":\"Compare - JSAutoMTL.com | Cars, Leases\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i2.wp.com\\\/jsautomtl.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1\",\"datePublished\":\"2021-01-18T16:50:25+00:00\",\"dateModified\":\"2021-01-18T17:00:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/jsautomtl.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/jsautomtl.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1\",\"width\":1920,\"height\":1920},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/compare\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jsautomtl.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compare\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#website\",\"url\":\"https:\\\/\\\/jsautomtl.com\\\/\",\"name\":\"JSAutoMTL.com | Cars, Leases\",\"description\":\"Think, Feel, Drive\",\"publisher\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jsautomtl.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#organization\",\"name\":\"JSAutoMTL.com | Cars, Leases\",\"url\":\"https:\\\/\\\/jsautomtl.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jsautomtl.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/BlackandWhite.png\",\"contentUrl\":\"https:\\\/\\\/jsautomtl.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/BlackandWhite.png\",\"width\":2400,\"height\":2400,\"caption\":\"JSAutoMTL.com | Cars, Leases\"},\"image\":{\"@id\":\"https:\\\/\\\/jsautomtl.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Compare - JSAutoMTL.com | Cars, Leases","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jsautomtl.com\/fr\/compare\/","og_locale":"fr_CA","og_type":"article","og_title":"Compare - JSAutoMTL.com | Cars, Leases","og_description":"0&#8243; :class=&#8221;&#8216;vehica-compare&#8211;count-&#8216; + compareNav.count&#8221; > Compare ({{ compareNav.count }}) Back to Search Lock Column Locked {{ car.name }} Add another listing Price {{ car[6656] }} &#8211; Type {{ car[17481] }} &#8211; Condition {{ car[6654] }} &#8211; Body Type {{ car[6655] }} &#8211; Year {{ car[14696] }} &#8211; Make {{ car[6659] }} &#8211; Model {{ car[6660] [&hellip;]","og_url":"https:\/\/jsautomtl.com\/fr\/compare\/","og_site_name":"JSAutoMTL.com | Cars, Leases","article_modified_time":"2021-01-18T17:00:14+00:00","og_image":[{"width":1920,"height":1920,"url":"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg","twitter_misc":{"Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jsautomtl.com\/compare\/","url":"https:\/\/jsautomtl.com\/compare\/","name":"Compare - JSAutoMTL.com | Cars, Leases","isPartOf":{"@id":"https:\/\/jsautomtl.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jsautomtl.com\/compare\/#primaryimage"},"image":{"@id":"https:\/\/jsautomtl.com\/compare\/#primaryimage"},"thumbnailUrl":"https:\/\/i2.wp.com\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1","datePublished":"2021-01-18T16:50:25+00:00","dateModified":"2021-01-18T17:00:14+00:00","breadcrumb":{"@id":"https:\/\/jsautomtl.com\/compare\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jsautomtl.com\/compare\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/jsautomtl.com\/compare\/#primaryimage","url":"https:\/\/i2.wp.com\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1","contentUrl":"https:\/\/i2.wp.com\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/Untitled-design-23.jpg?w=1920&resize=1920,1920&ssl=1","width":1920,"height":1920},{"@type":"BreadcrumbList","@id":"https:\/\/jsautomtl.com\/compare\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jsautomtl.com\/"},{"@type":"ListItem","position":2,"name":"Compare"}]},{"@type":"WebSite","@id":"https:\/\/jsautomtl.com\/#website","url":"https:\/\/jsautomtl.com\/","name":"JSAutoMTL.com | Cars, Leases","description":"Think, Feel, Drive","publisher":{"@id":"https:\/\/jsautomtl.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jsautomtl.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/jsautomtl.com\/#organization","name":"JSAutoMTL.com | Cars, Leases","url":"https:\/\/jsautomtl.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/jsautomtl.com\/#\/schema\/logo\/image\/","url":"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/BlackandWhite.png","contentUrl":"https:\/\/jsautomtl.com\/wp-content\/uploads\/2024\/05\/BlackandWhite.png","width":2400,"height":2400,"caption":"JSAutoMTL.com | Cars, Leases"},"image":{"@id":"https:\/\/jsautomtl.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/pages\/17835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/comments?post=17835"}],"version-history":[{"count":0,"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/pages\/17835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/media\/24064"}],"wp:attachment":[{"href":"https:\/\/jsautomtl.com\/fr\/wp-json\/wp\/v2\/media?parent=17835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}