@extends('layouts.app')

@section('title') {{ $page->meta_title }}  @endsection
@section('meta')
<meta name="title" content="{{ $page->meta_title }}"/>
<meta name="description" content="{{ $page->meta_description }}"/>

<link rel="stylesheet" href="/css/custom.css">
@endsection
@section('pageschema')
    @if ($page->slug === 'suzuki-service-plans')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Service",
                "serviceType": "Suzuki Vehicle Service Plans",
                "provider": {
                "@type": "Organization",
                "name": "Suzuki UAE",
                "url": "https://suzuki.ae/page/suzuki-service-plans"
                },
                "description": "End-to-end Suzuki service & maintenance contracts offering periodic maintenance, certified technicians, genuine parts, and value-added benefits for peace of mind motoring.",
                "url": "https://suzuki.ae/page/suzuki-service-plans",
                "areaServed": {
                "@type": "Country",
                "name": "United Arab Emirates"
                },
                "offers": {
                "@type": "Offer",
                "name": "Service Contract Offer",
                "description": "Periodic scheduled maintenance services with value-added benefits such as cost savings, easy renewals, and enhanced resale value."
                }
            }
        </script>
    @endif
    @if ($page->slug === 'value-added-services')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Service",
                "serviceType": "Suzuki Value Added Services",
                "provider": {
                "@type": "Organization",
                "name": "Suzuki UAE",
                "url": "https://suzuki.ae/page/value-added-services"
                },
                "description": "Range of value-added services including anti-rust treatment, paint protection, Vkool window tinting, performance services, accessories, and Suzuki insurance plans.",
                "url": "https://suzuki.ae/page/value-added-services",
                "areaServed": {
                "@type": "Country",
                "name": "United Arab Emirates"
                },
                "hasOfferCatalog": {
                "@type": "OfferCatalog",
                "name": "Value Added Offers",
                "itemListElement": [
                    {
                    "@type": "Offer",
                    "name": "Anti-Rust Treatment"
                    },
                    {
                    "@type": "Offer",
                    "name": "Paint Protection"
                    },
                    {
                    "@type": "Offer",
                    "name": "Vkool Window Tint"
                    },
                    {
                    "@type": "Offer",
                    "name": "Performance Services"
                    },
                    {
                    "@type": "Offer",
                    "name": "Paintless Dent & Smart Repairs"
                    },
                    {
                    "@type": "Offer",
                    "name": "Genuine & Aftermarket Accessories"
                    },
                    {
                    "@type": "Offer",
                    "name": "Agency Repair Insurance Policies"
                    },
                    {
                    "@type": "Offer",
                    "name": "Suzuki Insurance Plans"
                    }
                ]
                }
            }
        </script>
    @endif    
    @if ($page->slug === 'body-shop-repair')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Service",
                "serviceType": "Suzuki Body Shop Repair Services",
                "provider": {
                "@type": "Organization",
                "name": "Suzuki UAE",
                "url": "https://suzuki.ae/page/body-shop-repair"
                },
                "description": "Comprehensive body shop repair services including accident claim assistance, free estimation, survey & insurance approval, smart body repairs, and paintless dent removal.",
                "url": "https://suzuki.ae/page/body-shop-repair",
                "areaServed": {
                "@type": "Country",
                "name": "United Arab Emirates"
                },
                "offers": [
                {
                    "@type": "Offer",
                    "name": "Accident Claim Support"
                },
                {
                    "@type": "Offer",
                    "name": "Free Estimation"
                },
                {
                    "@type": "Offer",
                    "name": "Insurance Survey & Approval"
                },
                {
                    "@type": "Offer",
                    "name": "Smart Body Repairs"
                },
                {
                    "@type": "Offer",
                    "name": "Paintless Dent Removal"
                }
                ]
            }
        </script>
    @endif    
    @if ($page->slug === 'suzuki-services-faq')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "FAQPage",
                "mainEntity": [
                {
                    "@type": "Question",
                    "name": "What is the Suzuki Baleno?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The Suzuki Baleno is a stylish and compact hatchback designed for comfort, efficiency, and modern urban driving."
                    }
                },
                {
                    "@type": "Question",
                    "name": "What are the key features of the Suzuki Baleno?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The Baleno comes with features such as touchscreen infotainment, LED lighting, spacious interiors, safety technologies, and excellent handling."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is the Suzuki Baleno suitable for city driving?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, the Baleno is compact, easy to maneuver, and ideal for urban traffic conditions."
                    }
                },
                {
                    "@type": "Question",
                    "name": "What types of transmissions are available for the Baleno?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The Baleno is available with both manual and automatic transmission options to suit different driving preferences."
                    }
                },
                {
                    "@type": "Question",
                    "name": "How safe is the Suzuki Baleno?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The Baleno offers advanced safety features such as airbags, ABS with EBD, electronic stability control, and ISOFIX child seat anchors."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is the Suzuki Baleno comfortable for long drives?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, with spacious seating, ergonomic design, and smooth suspension, the Baleno is comfortable for both city and long-distance drives."
                    }
                },
                {
                    "@type": "Question",
                    "name": "What colors are available for the Suzuki Baleno in the UAE?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The Baleno is available in a variety of colors including Pearl White, Metallic Silver, Premium Red, and Granite Grey."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Where can I buy the Suzuki Baleno in the UAE?",
                    "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "You can buy the Suzuki Baleno at authorized Suzuki showrooms across the UAE, including Dubai, Abu Dhabi, and Sharjah."
                    }
                }
                ]
            }
        </script>
    @endif
@endsection
@section('content')

<section class="vehicle-info section {{$page->media->count() != 0 ? 'space-y-16 xxl:space-y-24' : 'space-y-8' }} " id="bladeApp">

    @if($page->layout_type == 'full_width')
        @php $isLayout = true; @endphp
    @else
        @php $isLayout = false; @endphp
    @endif

    @if($page->is_title == 1)
        @php $isTitle = true; @endphp
    @else
        @php $isTitle = false; @endphp
    @endif

    @if ($page->media->count() != 0)
    <div class="cover relative">
        <img src="{{ $cover }}" alt="{{ $altText }}" class="w-full">
        <div class="absolute inset-0 bg-black bg-opacity-25">
            <div class="{{ $isLayout ? '' : 'md:max-w-screen-xl mx-auto'  }} px-5 xxl:px-0 text-gray-800 flex items-center h-full pt-8 md:pt-32 xxl:pt-64">
                <h1 class="suzuki-bold leading-none md:leading-12 ml-16">
                    @php
                        $first_word = explode(' ',trim($page->title));
                    @endphp
                    <span class="text-4xl md:text-6xl lg:text-6xl uppercase block text-white opacity-50 md:opacity-25 -ml-16">{{$first_word[0]}}</span>
                    <span class="text-3xl md:text-5xl lg:text-6xl uppercase block text-white">{{substr(strstr($page->title," "), 1)}}</span>
                </h1>
            </div>
        </div>
    </div>
    {{-- row --}}
    @else
    @if (!$isTitle)
    <div class=" {{ $isLayout ? '' : 'md:max-w-screen-xl mx-auto'  }} {{ !$isTitle ? 'mt-24' : '' }} px-5 xxl:px-0 text-gray-800">
        <h1 class="suzuki-bold leading-none md:leading-12">
            <span class="text-4xl md:text-6xl lg:text-4xl capitalize block">{{$page->title}}</span>
        </h1>
    </div>
    @endif
    @endif

    <div class="{{ $isLayout ? '' : 'md:max-w-screen-xl mx-auto px-5'  }} xxl:px-0 text-gray-800">
        {!! $page->body !!}
    </div>

    @if ($page->form && $form)
    <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800 mt-24">
        <h1 class="suzuki-bold leading-none">
            <span class="text-3xl suzuki-bold uppercase text-theme-skyblue">{{$form->title}}</span>
        </h1>
        <p class="suzuki-medium leading-none mt-2 mb-5">
            <span class="text-gray-700 mb-5 text-lg">{{$form->subtitle}}</span>
        </p>

        {{-- <pre>
            {{$form->branches}}
        </pre> --}}

        <dynamic-form :builder="{{ $form }}"></dynamic-form>
    </div>
    @endif

    {{-- accessories grid --}}
</section>

@endsection