@extends('layouts.showroom')

@section('title') {{ $vehicle->meta_title }}  @endsection
@section('meta')
<meta name="title" content="{{ $vehicle->meta_title }}"/>
<meta name="description" content="{{ $vehicle->meta_description }}"/>
<link rel="canonical" href="{{ $metaData['url'] }}">

<!-- Open Graph Meta Tags -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ $metaData['title'] }}">
<meta property="og:description" content="{{ $metaData['description'] }}">
<meta property="og:url" content="{{ $metaData['url'] }}">
<meta property="og:site_name" content="Suzuki" />
@if(isset($metaData['image']))
<meta property="og:image" content="{{ $metaData['image'] }}">
<meta property="og:image:width" content="{{ $metaData['width'] }}" />
<meta property="og:image:height" content="{{ $metaData['height'] }}" />
<meta property="og:image:type" content="image/png" />
@endif
<meta property="og:site_name" content="Suzuki UAE">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ $metaData['title'] }}">
<meta name="twitter:description" content="{{ $metaData['description'] }}">
@if(isset($metaData['image']))
<meta name="twitter:image" content="{{ $metaData['image'] }}">
@endif
@endsection

@section('pageschema')
    @if ($vehicle->slug === 'fronx')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Fronx",
                "image": "https://suzuki.ae/path-to-actual-image.jpg",
                "description": "Dynamic coupe-style SUV with a spacious cabin and innovative features.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki",
                    "url": "https://suzuki.ae/"
                },
                "url": "https://suzuki.ae/vehicles/fronx",
                "offers": {
                    "@type": "Offer",
                    "url": "https://suzuki.ae/vehicles/fronx",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'jimny-5-door')
        <script type="application/ld+json"> 
            {
                "context": "https://schema.org",
                "type": "Product",
                "name": "Suzuki Jimny 5 - Door",
                "image": "https://suzuki.ae/vehicles/jimny-5-door",
                "description": "Off - road ready 4× 4 with robust performance and comfortable seating.",
                "brand": {
                    "type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/jimny-5-door",
                "offers": {
                    "type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'jimny-art-edition')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Jimny Art Edition",
                "image": "https://suzuki.ae/vehicles/jimny-art-edition",
                "description": "Bold and expressive Jimny variant with premium design and off-road capability.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/jimny-art-edition",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'baleno')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Baleno",
                "image": "https://suzuki.ae/vehicles/baleno",
                "description": "Stylish hatchback with spacious cabin, advanced comfort, and 360° camera support.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/baleno",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'swift')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Swift",
                "image": "https://suzuki.ae/vehicles/swift",
                "description": "Fun and responsive hatchback with sporty styling and advanced safety tech.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/swift",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'ciaz')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Ciaz",
                "image": "https://suzuki.ae/vehicles/ciaz",
                "description": "Elegant sedan with bold stance, dynamic performance, and advanced features.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/ciaz",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'dzire')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Dzire",
                "image": "https://suzuki.ae/vehicles/dzire",
                "description": "Urban sedan with sleek design, premium interiors, and fuel-efficient performance.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/dzire",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'eeco-cargo')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Eeco Cargo",
                "image": "https://suzuki.ae/vehicles/eeco-cargo",
                "description": "Dependable commercial vehicle with enhanced cargo space and comfort.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/eeco-cargo",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'ertiga')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Ertiga",
                "image": "https://suzuki.ae/vehicles/ertiga",
                "description": "Elegant SUV with spacious seating up to 7 and advanced comfort features.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/ertiga",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'grand-vitara')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Grand Vitara",
                "image": "https://suzuki.ae/vehicles/grand-vitara",
                "description": "Adventure-ready SUV with ALLGRIP SELECT 4×4 and advanced driving comfort.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/grand-vitara",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    @if ($vehicle->slug === 'jimny')
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "name": "Suzuki Jimny",
                "image": "https://suzuki.ae/vehicles/jimny",
                "description": "Lightweight 4WD SUV with high fuel efficiency and serious off-road performance.",
                "brand": {
                    "@type": "Brand",
                    "name": "Suzuki"
                },
                "url": "https://suzuki.ae/vehicles/jimny",
                "offers": {
                    "@type": "Offer",
                    "priceCurrency": "AED",
                    "price": "79900",
                    "availability": "https://schema.org/InStock"
                }
            }
        </script>
    @endif
    
@endsection

@section('content')

    <section class="showroom-section">
        <showroom :vid="{{$vehicle->id}}" :spec="{{$vehicle->specfile}}" :brochure="{{$vehicle->brochure}}" iframe="{{$vehicle->iframe}}"></showroom>
    </section>

    <section class="vehicle-info section space-y-16 xxl:space-y-24 {{$vehicle->iframe ? ' mt-3' : ''}}">
        {!! $vehicle->html_content !!}

        <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-900 space-y-1">
            <p class="">*All the informations provided are manufacturer’s data and may vary for each market.</p>
            <p class="">*The specifications are subject to change without prior notice.</p>
        </div>


    </section>

    <!-- <spec-broucher></spec-broucher> -->
@endsection