{"id":38,"date":"2026-04-05T23:40:48","date_gmt":"2026-04-05T18:10:48","guid":{"rendered":"https:\/\/carbox.lk\/?page_id=38"},"modified":"2026-04-06T00:30:42","modified_gmt":"2026-04-05T19:00:42","slug":"38-2","status":"publish","type":"page","link":"https:\/\/carbox.lk\/38-2\/","title":{"rendered":""},"content":{"rendered":"\n<?php\nfunction audi_a3_final_heatmap() {\n    ob_start();\n?>\n<style>\n#val-app, #val-app * {\n    box-sizing: border-box;\n}\n\n#val-app {\n    max-width: 400px;\n    margin: 20px auto;\n    border: 1px solid #ddd;\n    border-radius: 15px;\n    overflow: hidden;\n    font-family: sans-serif;\n    background: #fff;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n}\n\n#val-app-header {\n    background: #000;\n    color: #fff;\n    padding: 20px;\n    text-align: center;\n}\n\n#val-app-body {\n    padding: 20px;\n}\n\n.val-group {\n    margin-bottom: 15px;\n}\n\n.val-group label {\n    display: block;\n    font-size: 12px;\n    font-weight: bold;\n    margin-bottom: 5px;\n}\n\n.val-group input {\n    width: 100%;\n    padding: 12px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    font-size: 14px;\n}\n\n\/* Remove number input arrows (important for alignment) *\/\n.val-group input::-webkit-outer-spin-button,\n.val-group input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n}\n.val-group input[type=number] {\n    -moz-appearance: textfield;\n}\n\n#analyze-btn {\n    width: 100%;\n    padding: 14px;\n    background: #bb0a30;\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    font-weight: bold;\n    cursor: pointer;\n}\n\n#result-area {\n    display: none;\n    margin-top: 20px;\n    text-align: center;\n    padding: 15px;\n    border-radius: 10px;\n    background: #f9f9f9;\n}\n\n#gauge-bar {\n    height: 10px;\n    background: #eee;\n    border-radius: 5px;\n    margin: 15px 0;\n    overflow: hidden;\n}\n\n#gauge {\n    height: 100%;\n    width: 0%;\n    transition: 0.8s ease;\n}\n<\/style>\n\n<div id=\"val-app\">\n    <div id=\"val-app-header\">\n        <h3 style=\"margin:0;\">Audi A3 Market Value<\/h3>\n    <\/div>\n\n    <div id=\"val-app-body\">\n\n        <div class=\"val-group\">\n            <label>Model Year<\/label>\n            <input type=\"number\" id=\"year\" value=\"2023\">\n        <\/div>\n\n        <div class=\"val-group\">\n            <label>Mileage (KM)<\/label>\n            <input type=\"number\" id=\"km\" placeholder=\"15000\">\n        <\/div>\n\n        <div class=\"val-group\">\n            <label>Asking Price (LKR Million)<\/label>\n            <input type=\"number\" id=\"price\" step=\"0.1\" placeholder=\"16.5\">\n        <\/div>\n\n        <button id=\"analyze-btn\" onclick=\"runAudiValuation()\">Analyze Deal<\/button>\n\n        <div id=\"result-area\">\n            <div id=\"status\" style=\"font-weight:800; font-size:20px;\"><\/div>\n\n            <div id=\"gauge-bar\">\n                <div id=\"gauge\"><\/div>\n            <\/div>\n\n            <div id=\"market-val\" style=\"font-size:18px; font-weight:bold;\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\nfunction runAudiValuation() {\n    const y = parseFloat(document.getElementById('year').value);\n    const m = parseFloat(document.getElementById('km').value);\n    const p = parseFloat(document.getElementById('price').value);\n\n    if (!y || isNaN(m) || isNaN(p)) {\n        alert(\"Fill all fields\");\n        return;\n    }\n\n    let mkt = 402.55 + (-0.1906 * y) + (-0.00005 * m);\n    if (y < 2020) {\n        mkt = 10.5 - ((2020 - y) * 0.85) - (m * 0.00004);\n    }\n\n    const diff = ((p - mkt) \/ mkt) * 100;\n\n    const res = document.getElementById('result-area');\n    const st = document.getElementById('status');\n    const gg = document.getElementById('gauge');\n    const mv = document.getElementById('market-val');\n\n    res.style.display = 'block';\n    mv.innerText = \"Market Value: \" + mkt.toFixed(2) + \"M LKR\";\n\n    if (diff < -5) {\n        st.innerText = \"\ud83d\udd25 GREAT DEAL\";\n        st.style.color = \"#27ae60\";\n        gg.style.width = \"100%\";\n        gg.style.background = \"#27ae60\";\n    } else if (diff <= 6) {\n        st.innerText = \"\u2705 FAIR DEAL\";\n        st.style.color = \"#f39c12\";\n        gg.style.width = \"60%\";\n        gg.style.background = \"#f39c12\";\n    } else {\n        st.innerText = \"\u274c OVERPRICED\";\n        st.style.color = \"#e74c3c\";\n        gg.style.width = \"30%\";\n        gg.style.background = \"#e74c3c\";\n    }\n}\n<\/script>\n\n<?php\nreturn ob_get_clean();\n}\nadd_shortcode('audi_val', 'audi_a3_final_heatmap');\n","protected":false},"excerpt":{"rendered":"<p>Audi A3 Market Value Model Year Mileage (KM) Asking Price (LKR Million) Analyze Deal<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Car Box Admin","author_link":"https:\/\/carbox.lk\/author\/pradeeph\/"},"uagb_comment_info":0,"uagb_excerpt":"Audi A3 Market Value Model Year Mileage (KM) Asking Price (LKR Million) Analyze Deal","_links":{"self":[{"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":5,"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/pages\/38\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/carbox.lk\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}