@extends('layouts.app')
@section('metarobots')
<meta name="robots" content="noindex, follow">
@endsection
@section('title') Thank You  @endsection
@section('meta')
<meta name="title" content="Thank You Page"/>
<meta name="description" content="Thank You page"/>

<!-- Meta Pixel Code -->
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window,document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '516414479342048');
    fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=516414479342048&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Meta Pixel Code -->
@if(($page ?? request('page')) === 'summer-offer')
<script>window.lintrk('track', { conversion_id: 23475756 });</script>
@endif

<script>
    !function(w,d,s,t,a){if(w.amzn)return;w.amzn=a=function(){w.amzn.q.push([arguments,(new Date).getTime()])};a.q=[];a.version="0.0";s=d.createElement("script");s.src="https://c.amazon-adsystem.com/aat/amzn.js";s.id="amzn-pixel";s.async=true;t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t)}(window,document);
    amzn("setRegion", "EU");
    amzn("addTag", "d7dbf128-82a3-4733-b628-2120e7c17b1f");
    amzn("trackEvent", "PageView");
    amzn('trackEvent', 'Lead')
</script>
<noscript>
<img src="
https://aax-eu.amazon-adsystem.com/s/iu3?pid=d7dbf128-82a3-4733-b628-2120e7c17b1f&event=PageView"
width="1" height="1" border="0">
</noscript>

<script>
    (function (p, f, b, m) {
        var e = f.getElementsByTagName(b)[0],
        j = f.createElement(b);
        j.src = 'https://pixel.data.platformance.io/beacon/outcome/' + m + '.js';
        e.parentNode.insertBefore(j, e);
    })(window, document, 'script', '1764943687518');
</script>
<img src="https://inmotion.gotrackier.com/pixel?adid=6927f827318ec648aa1e2203">

<!--
Event snippet for suziki UAE on : Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 01/27/2026
-->
<script>
  gtag('event', 'conversion', {
    'allow_custom_scripts': true,
    'send_to': 'DC-15771674/invmedia/suzik0+standard'
  });
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=15771674;type=invmedia;cat=suzik0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=1?" width="1" height="1" alt=""/>
</noscript>
<!-- End of event snippet: Please do not remove -->
@endsection

@section('content')

@if(request('page') === 'test-drive')
<section class="vehicle-info section space-y-16 xxl:space-y-24">
   <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800 mt-16 lg:mt-12">
      <div class="flex flex-wrap lg:flex-no-wrap">
         <div class="w-full flex items-center">
            <div class="lg:px-12 w-full">
               <div data-v-63fa2a9d="">
                  <div data-v-63fa2a9d="" class="text-xl md:text-3xl suzuki-bold text-gray-900 mb-5"> Book A Test Drive</div>
                  <div data-v-63fa2a9d="" class="message h-screen-50 flex items-center justify-center">
                     <p data-v-63fa2a9d="" class="text-green-600 text-xl"> Your request has been submitted, You will have a response from our team shortly. </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@elseif(request('page') === 'get-a-quote')
<section class="vehicle-info section space-y-16 xxl:space-y-24">
   <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800 mt-16 lg:mt-12">
      <div class="flex flex-wrap lg:flex-no-wrap">
         <div class="w-full flex items-center">
            <div class="lg:px-12 w-full">
               <div data-v-a8ed825e="">
                  <div data-v-a8ed825e="" class="text-xl md:text-3xl suzuki-bold text-gray-900 mb-5"> Get a Quote</div>
                  <div data-v-a8ed825e="" class="message h-screen-50 flex items-center justify-center">
                     <p data-v-a8ed825e="" class="text-green-600 text-xl"> Your request has been submitted, You will have a response from our team shortly. </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@elseif(request('page') === 'contact-us')
<section class="vehicle-info section space-y-16 xxl:space-y-24">
    <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800 mt-16 lg:mt-12">
        <div class="flex flex-wrap lg:flex-no-wrap">
            <div class="w-full flex items-center">
                <div class="lg:px-12 w-full">
                    <div data-v-94aee33a="">
                        <div data-v-a8ed825e="" class="text-xl md:text-3xl suzuki-bold text-gray-900 mb-5"> Contact Us</div>
                        <div data-v-94aee33a="" class="w-full h-64 flex items-center justify-center">
                            <div data-v-94aee33a="" class="h-64 flex items-center justify-center text-lg text-green-600 select-none">
                            We have recived your request for the test drive. Shortly you will get a call from one of our member.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@elseif(request('page') === 'get-a-brochure')
<section class="vehicle-info section space-y-16 xxl:space-y-24" id="get-a-brochure" style="display: none;">
   <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800 mt-16 lg:mt-12">
      <div class="flex flex-wrap lg:flex-no-wrap">
         <div class="w-full flex items-center">
            <div class="lg:px-12 w-full">
               <div data-v-49b5dcc3="">
                  <div data-v-49b5dcc3="" class="text-xl md:text-3xl suzuki-bold text-gray-900 mb-5">Get A Broucher</div>
                  <div data-v-49b5dcc3="" class="message h-screen-50 flex items-center justify-center">
                     <div data-v-49b5dcc3="">
                        <p data-v-49b5dcc3="" class="text-green-600 text-xl"> Your request has been submitted, You will have a response from our team shortly. </p>
                        <br data-v-49b5dcc3="">
                        <div data-v-49b5dcc3="" class="text-black text-xl mb-2"> Download Brochures: </div>
                        <div data-v-49b5dcc3="" class="text-gray-800 text-xl" id="files-container">
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@elseif(($page ?? request('page')) === 'jimny-art-edition')
<section class="vehicle-info section space-y-16 xxl:space-y-24">
    <div class="h-[50vh] flex items-center justify-center">
        <p class="mt-5 bg-green-200 px-5 py-10 text-center text-green-600 text-lg rounded-2xl">
            <span class="font-medium text-xl">Thank You for your interest in the Jimny Art Edition</span> <br> Your request has been received successfully. <br> Our team will reach out soon to schedule your exclusive test drive experience. <br> شكراً لاهتمامك، <br> لقد تمّ استلام طلبك بنجاح <br> سيتواصل معك فريقنا قريباً لتحديد موعد تجربة القيادة الخاصة بك
        </p>
    </div>
</section>
@elseif(($page ?? request('page')) === 'summer-offer')
<section class="vehicle-info section space-y-16 xxl:space-y-24">
    <div class="h-[50vh] flex items-center justify-center">
        <p class="mt-5 bg-green-200 px-5 py-10 text-center text-green-600 text-lg rounded-2xl">
            <span class="font-medium text-xl">Thank You for your interest in our Summer Offer!</span> <br> Your request has been received successfully. <br> Our team will contact you shortly to share the exclusive details and help you beat the heat!
        </p>
    </div>
</section>
@else
<section class="vehicle-info section space-y-16 xxl:space-y-24">
    <div class="h-[50vh] flex items-center justify-center">
        <p class="mt-5 bg-green-200 px-5 py-10 text-center text-green-600 text-lg rounded-2xl">
            <span class="font-medium text-xl">Thank You</span> <br> We have received your request. <br> Shortly you will get a call from one of our member.
        </p>
    </div>
</section>
@endif



@endsection


@section('scripts')

    <script>
        ttq.identify({
            "email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
            "phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
            "external_id": "<hashed_extenal_id>" // string. A unique ID from the advertiser such as user or external cookie IDs. It must be hashed with SHA256 on the client side.
            })
            ttq.track('ViewContent', {
            "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
            "currency": "<content_currency>", // string. The 4217 currency code. Example: "USD".
            "contents": [
            {
                "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
                "content_type": "<content_type>", // string. Either product or product_group.
                "content_name": "<content_name>", // string. The name of the page or product. Example: "shirt".
                "content_category": "<content_category>", // string. The category of the page or product. Example: "apparel".
                "brand": "<brand>" // string. The brand name of the page or product. Example: "Nike"
            }
            ],
            "status": "<content_status>" // string. The status of an order, item, or service. Example: "submitted".
            })
            ttq.track('ClickButton', {
            "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
            "currency": "<content_currency>", // string. The 4217 currency code. Example: "USD".
            "contents": [
            {
                "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
                "content_type": "<content_type>", // string. Either product or product_group.
                "content_name": "<content_name>", // string. The name of the page or product. Example: "shirt".
                "content_category": "<content_category>", // string. The category of the page or product. Example: "apparel".
                "brand": "<brand>" // string. The brand name of the page or product. Example: "Nike"
            }
            ]
            })
            ttq.track('SubmitForm', {
            "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
            "currency": "<content_currency>", // string. The 4217 currency code. Example: "USD".
            "contents": [
            {
                "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
                "content_type": "<content_type>", // string. Either product or product_group.
                "content_name": "<content_name>", // string. The name of the page or product. Example: "shirt".
                "content_category": "<content_category>", // string. The category of the page or product. Example: "apparel".
                "brand": "<brand>" // string. The brand name of the page or product. Example: "Nike"
            }
            ]
        })
    </script>

<script>
	document.addEventListener("DOMContentLoaded", function () {
		let selectElement = document.getElementById("LEADCF13");
		let selectedModelsVar = localStorage.getItem("selectedModels")
		if (selectedModelsVar) {
			let modelsArray = JSON.parse(selectedModelsVar);

			// Send data to Laravel backend using AJAX
			fetch("{{ url('api/get-brochure') }}", {
				method: "POST",
				headers: {
					"Content-Type": "application/json",
					"X-CSRF-TOKEN": "{{ csrf_token() }}"
				},
				body: JSON.stringify({ models: modelsArray, from: 'zoho' })
			})
            .then(response => {

                // Check if the response status is okay (status code 200-299)
                if (!response.ok) {
                    // If not okay, log the error and reject the promise
                    // console.error("Failed to fetch data:", response.statusText);
                    return Promise.reject(new Error('Failed to fetch data'));
                }

                // Parse the response as JSON
                return response.json();
            })
            .then(data => {
                // console.log("Fetched Data:", data); // Log the parsed data

                // Check if the response contains files and process them
                if (data.files && Array.isArray(data.files)) {
                    displayData(data.files); // Pass the files array to displayData function
                } else {
                    // console.error("No files found in the response.");
                }

                // Log additional fields like 'wow' and 'message'
                // console.log(data.wow); // Outputs: "Awesome!"
                // console.log(data.message); // Outputs: "Thanks! Shortly you will get an email with download links!"
            })
			.catch(error => console.error("Error fetching data:", error));
		}
		function displayData(files) {
            // Iterate through the files array
            files.forEach(function(file) {
                if (file.pdf) {
                    // Append each model and download link to the container
                    $('#files-container').append(
                        `<div class="data-value">
                            <span>${file.model}: </span>
                            <a href="${file.pdf}" target="_blank" class="underline" download>Download</a>
                        </div>`
                    );
                }
            });
            $('#get-a-brochure').show()
            localStorage.removeItem("selectedModels");
		}

        if (typeof gtag === 'function') {
            gtag('event', 'conversion', {'send_to': 'AW-16446963182/S86-CIreq5EZEO77wqI9'});
        }

        @if(($page ?? request('page')) === 'summer-offer')
            if (typeof gtag === 'function') {
                gtag('event', 'conversion', {'send_to': 'AW-17648490554/2pO1CK7Vq6wbELqwut9B'});
            }
        @endif
	});
</script>

@if(($page ?? request('page')) === 'summer-offer')
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1142138191214859');
fbq('track', 'PageView');
fbq('track', 'Lead');
</script>
<noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1142138191214859&ev=PageView&noscript=1"/></noscript>
<!-- End Meta Pixel Code -->

{{-- LinkedIN --}}
<script type="text/javascript">
    _linkedin_partner_id = "8517020";
    window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
    window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
    (function (l) {
        if (!l) {
            window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) };
            window.lintrk.q = []
        }
        var s = document.getElementsByTagName("script")[0];
        var b = document.createElement("script");
        b.type = "text/javascript"; b.async = true;
        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
        s.parentNode.insertBefore(b, s);
        window.lintrk('track', { conversion_id: 23475756 });
    })(window.lintrk);
</script>
<noscript>
    <img height="1" width="1" style="display:none;" alt=""
        src="https://px.ads.linkedin.com/collect/?pid=8517020&fmt=gif" />
</noscript>
@endif

@if(($page ?? request('page')) === 'summer-offer')
<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  ttq.load('D3MFI1BC77U53GBVKV00');
  ttq.page();
  ttq.track('Lead')
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
@endif

<!--
Start of Floodlight Tag: Please do not remove
Activity name of this tag: DGM - Suzuki DEC 2025- Conversion Pixe
URL of the webpage where the tag is expected to be placed:
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 12/08/2025
-->
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="https://11732239.fls.doubleclick.net/activityi;src=11732239;type=dgm-s00;cat=dgm-s0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
<noscript>
<iframe src="https://11732239.fls.doubleclick.net/activityi;src=11732239;type=dgm-s00;cat=dgm-s0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
</noscript>
<!-- End of Floodlight Tag: Please do not remove -->

    @if(($page ?? request('page')) === 'summer-offer')
        <!-- Snap Pixel Code -->
        <script type='text/javascript'>
            (function (e, t, n) {
                if (e.snaptr) return; var a = e.snaptr = function () { a.handleRequest ? a.handleRequest.apply(a, arguments) : a.queue.push(arguments) };
                a.queue = []; var s = 'script'; r = t.createElement(s); r.async = !0;
                r.src = n; var u = t.getElementsByTagName(s)[0];
                u.parentNode.insertBefore(r, u);
            })(window, document,
                'https://sc-static.net/scevent.min.js');

            snaptr('init', 'dcf3e230-3e7d-48c9-86aa-32cf06cbebaf');

            snaptr('track', 'PAGE_VIEW');
            snaptr('track', 'SIGN_UP')
        </script>
        <!-- End Snap Pixel Code -->
    @endif
@endsection