{"id":8029,"date":"2025-12-28T19:26:28","date_gmt":"2025-12-28T19:26:28","guid":{"rendered":"https:\/\/swiradesigns.net\/ghandour\/?page_id=8029"},"modified":"2026-05-21T18:53:34","modified_gmt":"2026-05-21T18:53:34","slug":"car-price-calculator","status":"publish","type":"page","link":"https:\/\/ghandourauto.com\/ar\/car-price-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:22px\"><br><strong>Import your car from the two largest sites<\/strong><br><strong>for selling cars in the European Union<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.mobile.de\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"191\" src=\"https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/mobile-300x191.png\" alt=\"\" class=\"wp-image-7083\" srcset=\"https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/mobile-300x191.png 300w, https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/mobile.png 550w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img decoding=\"async\" width=\"300\" height=\"191\" src=\"https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/AutoScout2-300x191.png\" alt=\"\" class=\"wp-image-7094\" srcset=\"https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/AutoScout2-300x191.png 300w, https:\/\/ghandourauto.com\/wp-content\/uploads\/2025\/12\/AutoScout2.png 550w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Import Calculator<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-372a614426871c54ffba5c8d547cf8e4 wp-block-paragraph\">Get an instant estimate for your vehicle import costs.<\/p>\n\n\n    \n    <style>\n        .cc-widget-wrap { max-width:100%; padding:25px; border:2px solid #FFD900; border-radius:12px; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.05); font-family: sans-serif; margin: 0 auto; box-sizing: border-box; }\n        .cc-widget-wrap * { box-sizing: border-box; }\n        .cc-step { display: none; }\n        .cc-step.active { display: block; animation: ccFade 0.4s; }\n        @keyframes ccFade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }\n        \n        \/* Progress Steps UI *\/\n        .cc-progress-container { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; position: relative; padding: 0 10px; }\n        .cc-progress-container::before { content: ''; position: absolute; top: 16px; left: 30px; right: 30px; height: 2px; background: #e0e0e0; z-index: 1; }\n        .cc-progress-step { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 60px; text-align: center; }\n        .cc-step-circle { width: 34px; height: 34px; border-radius: 50%; background: #f0f0f0; color: #888; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; margin-bottom: 8px; border: 3px solid #fff; transition: 0.3s; }\n        .cc-step-label { font-size: 11px; color: #888; font-weight: bold; transition: 0.3s; }\n        \n        \/* States *\/\n        .cc-progress-step.active .cc-step-circle { background: #FFD900; color: #000; border-color: #e6f2f7; }\n        .cc-progress-step.active .cc-step-label { color: #FFD900; }\n        .cc-progress-step.completed .cc-step-circle { background: #FFD900; color: #000; border-color: #fff; }\n        .cc-progress-step.completed .cc-step-label { color: #333; }\n\n        .cc-header { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; }\n        .cc-step-title { color: #000; font-weight: bold; font-size: 18px; margin: 0; }\n\n        .cc-label { display:block; font-weight:bold; margin-bottom:6px; color:#333; font-size:13px; }\n        .cc-input { width:100%; padding:12px; border:1px solid #ccc; border-radius:6px; font-size:14px; margin-bottom: 15px; background: #fff; }\n        .cc-input:focus { border-color: #FFD900; outline: none; }\n        \n        .cc-row { display: flex; gap: 12px; }\n        .cc-col { flex: 1; }\n\n        .cc-origin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }\n        .cc-origin-btn { padding: 12px; border: 1px solid #ccc; border-radius: 6px; text-align: center; cursor: pointer; background: #f9f9f9; color: #333; font-weight: bold; font-size: 14px; transition: 0.2s; }\n        .cc-origin-btn:hover { border-color: #FFD900; }\n        .cc-origin-btn.selected { background: #FFD900; color: #000; border-color: #FFD900; }\n\n        .cc-actions { display: flex; justify-content: space-between; margin-top: 20px; gap: 10px; }\n        .cc-btn { padding: 14px 20px; background: #FFD900; color: #000; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 15px; transition: 0.3s; flex: 1; text-align: center; }\n        .cc-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n        .cc-btn-sec { background: #f0f0f0; color: #333; border: 1px solid #ccc; }\n        .cc-btn-sec:hover { background: #e0e0e0; }\n    <\/style>\n\n    <div class=\"cc-widget-wrap\" id=\"cc-app\">\n        \n        <div class=\"cc-progress-container\">\n            <div class=\"cc-progress-step active\" data-step=\"1\">\n                <div class=\"cc-step-circle\">1<\/div>\n                <div class=\"cc-step-label\">Origin<\/div>\n            <\/div>\n            <div class=\"cc-progress-step\" data-step=\"2\">\n                <div class=\"cc-step-circle\">2<\/div>\n                <div class=\"cc-step-label\">Vehicle<\/div>\n            <\/div>\n            <div class=\"cc-progress-step\" data-step=\"3\">\n                <div class=\"cc-step-circle\">3<\/div>\n                <div class=\"cc-step-label\">Estimate<\/div>\n            <\/div>\n            <div class=\"cc-progress-step\" data-step=\"4\">\n                <div class=\"cc-step-circle\">4<\/div>\n                <div class=\"cc-step-label\">Submit<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cc-header\">\n            <h2 class=\"cc-step-title\" id=\"cc-title-display\">Select Vehicle Origin<\/h2>\n        <\/div>\n\n        <div class=\"cc-step active\" id=\"cc-step-1\">\n            <div class=\"cc-origin-grid\">\n                <div class=\"cc-origin-btn\" data-val=\"Europe\">Europe<\/div>\n                <div class=\"cc-origin-btn\" data-val=\"USA\">USA<\/div>\n                <div class=\"cc-origin-btn\" data-val=\"China\">China<\/div>\n                <div class=\"cc-origin-btn\" data-val=\"UAE\">UAE<\/div>\n                \n               \n            <\/div>\n            <input type=\"hidden\" id=\"cc_origin\" value=\"\">\n            \n            <div class=\"cc-actions\" style=\"justify-content: flex-end;\">\n                <button class=\"cc-btn btn-next\" style=\"flex: none; width: 100%;\">Next Step &larr;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"cc-step\" id=\"cc-step-2\">\n            <div class=\"cc-row\">\n                <div class=\"cc-col\">\n                    <label class=\"cc-label\">Make<\/label>\n                    <input type=\"text\" id=\"cc_make\" class=\"cc-input\" placeholder=\"e.g. Mercedes\">\n                <\/div>\n                <div class=\"cc-col\">\n                    <label class=\"cc-label\">Model<\/label>\n                    <input type=\"text\" id=\"cc_model\" class=\"cc-input\" placeholder=\"e.g. C180\">\n                <\/div>\n            <\/div>\n\n            <div class=\"cc-row\">\n                <div class=\"cc-col\">\n                    <label class=\"cc-label\">Year<\/label>\n                    <input type=\"number\" id=\"cc_year\" class=\"cc-input\" placeholder=\"e.g. 2025\">\n                <\/div>\n                <div class=\"cc-col\">\n                    <label class=\"cc-label\">Engine Capacity<\/label>\n                    <select id=\"cc_tier\" class=\"cc-input\" style=\"background:#f9f9f9;\">\n                        <option value=\"u1600\">Up to 1600 CC<\/option>\n                        <option value=\"u2000\">1600 - 2000 CC<\/option>\n                        <option value=\"o2000\">Above 2000 CC<\/option>\n                        <option value=\"elec\">Electric Vehicle<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <label class=\"cc-label\">Price on Website (\u20ac) *<\/label>\n            <input type=\"number\" id=\"cc_value\" class=\"cc-input\" placeholder=\"10000\">\n\n            <div class=\"cc-actions\">\n                <button class=\"cc-btn cc-btn-sec btn-prev\">&rarr; Back<\/button>\n                <button class=\"cc-btn\" id=\"btn-calc\">Calculate &larr;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"cc-step\" id=\"cc-step-3\">\n            <div id=\"cc_result_html\"><\/div>\n            <p style=\"font-size:12px; color:#666; margin-top:10px; text-align:center;\">* This is an estimate based on current regulations and rates.<\/p>\n            \n            <div class=\"cc-actions\">\n                <button class=\"cc-btn cc-btn-sec btn-prev\">&rarr; Back<\/button>\n                <button class=\"cc-btn btn-next\">Get Quote &larr;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"cc-step\" id=\"cc-step-4\">\n            <label class=\"cc-label\">Full Name *<\/label>\n            <input type=\"text\" id=\"cc_name\" class=\"cc-input\" placeholder=\"John Doe\">\n            \n            <label class=\"cc-label\">Phone Number *<\/label>\n            <input type=\"text\" id=\"cc_phone\" class=\"cc-input\" placeholder=\"+20 1xx xxx xxxx\">\n\n            <label class=\"cc-label\">Email Address<\/label>\n            <input type=\"email\" id=\"cc_email\" class=\"cc-input\" placeholder=\"your@email.com\">\n\n            <div id=\"cc_final_msg\"><\/div>\n\n            <div class=\"cc-actions\">\n                <button class=\"cc-btn cc-btn-sec btn-prev\" id=\"btn-final-back\">&rarr; Back<\/button>\n                <button class=\"cc-btn\" id=\"btn-submit\">Request Quote<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        let step = 1;\n        let finalTotalStr = \"\";\n\n        const titles = {\n            1: \"Select Vehicle Origin\",\n            2: \"Enter Vehicle Details\",\n            3: \"Estimated Cost Breakdown\",\n            4: \"Where should we send the quote?\"\n        };\n\n        $('.cc-origin-btn').on('click', function() {\n            $('.cc-origin-btn').removeClass('selected');\n            $(this).addClass('selected');\n            $('#cc_origin').val($(this).data('val'));\n        });\n\n        function updateUI(newStep) {\n            \/\/ Update Step Forms\n            $('.cc-step').removeClass('active');\n            $('#cc-step-' + newStep).addClass('active');\n            $('#cc-title-display').text(titles[newStep]);\n            \n            \/\/ Update Progress Tracker UI\n            $('.cc-progress-step').each(function() {\n                let s = $(this).data('step');\n                $(this).removeClass('active completed');\n                \n                if (s < newStep) {\n                    $(this).addClass('completed');\n                    $(this).find('.cc-step-circle').html('\u2713');\n                } else if (s === newStep) {\n                    $(this).addClass('active');\n                    $(this).find('.cc-step-circle').html(s);\n                } else {\n                    $(this).find('.cc-step-circle').html(s);\n                }\n            });\n\n            step = newStep;\n        }\n\n        $('.btn-next').on('click', function() {\n            if (step === 1 && !$('#cc_origin').val()) {\n                alert(\"Please select a vehicle origin.\");\n                return;\n            }\n            updateUI(step + 1);\n        });\n\n        $('.btn-prev').on('click', function() {\n            updateUI(step - 1);\n        });\n\n        $('#btn-calc').on('click', function() {\n            let price = $('#cc_value').val();\n            if(!price || price <= 0) {\n                alert(\"Please enter a valid website price.\");\n                return;\n            }\n\n            let btn = $(this);\n            btn.prop('disabled', true).text(\"Calculating...\");\n\n            $.post('https:\/\/ghandourauto.com\/wp-admin\/admin-ajax.php', {\n                action: 'cc_calc',\n                price: price,\n                cat: $('#cc_tier').val()\n            }, function(r) {\n                btn.prop('disabled', false).html(\"Calculate &larr;\");\n                if(r.success) {\n                    $('#cc_result_html').html(r.data.html);\n                    finalTotalStr = r.data.total;\n                    updateUI(3);\n                } else {\n                    alert(\"Error calculating. Please try again.\");\n                }\n            });\n        });\n\n        $('#btn-submit').on('click', function() {\n            let name = $('#cc_name').val();\n            let phone = $('#cc_phone').val();\n\n            if(!name || !phone) {\n                alert(\"Please provide your Full Name and Phone Number.\");\n                return;\n            }\n\n            let btn = $(this);\n            btn.prop('disabled', true).text(\"Sending...\");\n\n            let payload = {\n                action: 'cc_submit_lead',\n                name: name,\n                phone: phone,\n                email: $('#cc_email').val(),\n                origin: $('#cc_origin').val(),\n                make: $('#cc_make').val(),\n                model: $('#cc_model').val(),\n                year: $('#cc_year').val(),\n                cat: $('#cc_tier option:selected').text(),\n                price: $('#cc_value').val(),\n                total: finalTotalStr\n            };\n\n            $.post('https:\/\/ghandourauto.com\/wp-admin\/admin-ajax.php', payload, function(res) {\n                if(res.success) {\n                    $('#cc_final_msg').html('<div style=\"background:#e8f5e9; color:#2e7d32; padding:12px; border:1px solid #c8e6c9; border-radius:6px; margin-bottom:15px; font-weight:bold; text-align:center;\">\u2705 Quote request sent successfully! We will contact you soon.<\/div>');\n                    btn.hide();\n                    $('#btn-final-back').hide();\n                } else {\n                    alert(\"Failed to send request.\");\n                    btn.prop('disabled', false).text(\"Try Again\");\n                }\n            });\n        });\n    });\n    <\/script>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-524f8de7 wp-block-group-is-layout-flex\"><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Import your car from the two largest sitesfor selling cars in the European Union Import Calculator Get an instant estimate for your vehicle import costs.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":3117,"_joinchat":[],"footnotes":""},"class_list":["post-8029","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/pages\/8029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/comments?post=8029"}],"version-history":[{"count":12,"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/pages\/8029\/revisions"}],"predecessor-version":[{"id":8639,"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/pages\/8029\/revisions\/8639"}],"wp:attachment":[{"href":"https:\/\/ghandourauto.com\/ar\/wp-json\/wp\/v2\/media?parent=8029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}