@extends('layouts.app')

@section('title') Welcome to Suzuki UAE - {{$vehicle?->title}} Accessories @endsection
@section('meta')
@if($vehicle?->slug == 'baleno')
@php $meta_title = 'Suzuki Baleno Accessories UAE | Enhance Your Ride | Suzuki'; @endphp
@php $meta_description = 'Discover genuine accessories for your Suzuki Baleno in the UAE — from mud flaps and skid plates to door visors and ORVM garnish. Style and protection in one.'; @endphp
@elseif($vehicle?->slug == 'swift')
@php $meta_title = 'Suzuki Swift Accessories UAE | Sporty Upgrades | Suzuki'; @endphp
@php $meta_description = 'Upgrade your Suzuki Swift in the UAE with sporty and sleek accessories — styling trims, visor sets, interior embellishments and more. Stand out wherever you go.'; @endphp
@elseif($vehicle?->slug == 'jimny')
@php $meta_title = 'Suzuki Jimny Accessories UAE | Off-road & Style | Suzuki'; @endphp
@php $meta_description = 'Customize your Suzuki Jimny in the UAE for adventure and style — includes body kits, underbody protection, trims, visors, and more rugged accessories. Contact us!'; @endphp
@elseif($vehicle?->slug == 'vitara')
@php $meta_title = 'Suzuki Vitara Accessories | Enhance Your Drive | Suzuki'; @endphp
@php $meta_description = 'Explore genuine Suzuki Vitara accessories in UAE. From styling to safety, find the perfect add-ons for your car. Enhance your driving experience with quality accessories.'; @endphp
@elseif($vehicle?->slug == 'dzire')
@php $meta_title = 'Suzuki Dzire Accessories UAE | Comfort & Style | Suzuki'; @endphp
@php $meta_description = 'Enhance your Suzuki Dzire in the UAE with genuine accessories — from seat covers and door handles to trims and mats for comfort and a refined look. Contact now!'; @endphp
@elseif($vehicle?->slug == 'ertiga')
@php $meta_title = 'Suzuki Ertiga Accessories UAE | Practical Upgrades | Suzuki'; @endphp
@php $meta_description = 'Outfit your Suzuki Ertiga with practical, reliable accessories in the UAE — from utility-focused add-ons to interior comfort enhancements. Make every ride better.'; @endphp
@elseif($vehicle?->slug == 'ciaz')
@php $meta_title = 'Suzuki Ciaz Accessories UAE | Refined Extras | Suzuki'; @endphp
@php $meta_description = 'Find elegant and functional accessories for your Suzuki Ciaz in the UAE — chrome garnish, floor mats, styling kits and more to match your premium sedan.'; @endphp
@elseif($vehicle?->slug == 'grand-vitara')
@php $meta_title = 'Suzuki Grand Vitara Accessories UAE | Rugged & Stylish | Suzuki'; @endphp
@php $meta_description = 'Upgrade your Suzuki Grand Vitara with premium accessories in the UAE — robust exterior upgrades, interior enhancements, and all designed for off-road confidence.'; @endphp
@elseif($vehicle?->slug == 'fronx')
@php $meta_title = 'Suzuki Fronx Accessories UAE | Bold & Unique | Suzuki'; @endphp
@php $meta_description = 'Give your Suzuki Fronx a unique edge in the UAE — explore bold accessories for both exterior and interior enhancements that match its dynamic design. Contact now!'; @endphp
@elseif($vehicle?->slug == 'jimny-5-door')
@php $meta_title = 'Suzuki Jimny 5-Door Accessories & Genuine Parts | Suzuki UAE'; @endphp
@php $meta_description = 'Equip your Suzuki Jimny 5-door for any adventure with genuine accessories in the UAE — from underbody protection and exterior upgrades to interior comfort and styling. Contact us!'; @endphp
@endif
<meta name="title" content="{{$meta_title}}"/>
<meta name="description" content="{{$meta_description}}"/>
@endsection

@section('content')

<section class="vehicle-info section mt-16 space-y-16 xxl:space-y-24" id="bladeApp">
    <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800">

        @if ($accessory_cover)
        <div class="cover mb-16">
            <img src="{{$accessory_cover}}" class="w-full h-20rem object-cover object-center" alt="{{$vehicle?->title}} Accessories - Suzuki">
        </div>
        @endif

        <div class="flex justify-center w-full">
            <h1 class="text-3xl flex flex-col leading-tight items-end text-center">
                <span class="block suzuki-bold text-gray-900 capitalize">Accessorize your {{$vehicle?->title}}</span>
                <!-- <img src="{{$logo}}" class="bg-gray-500 p-1 rounded h-5" alt="{{ $vehicle_logo_alt_text }}"> -->

                {{-- <span class="uppercase block suzuki-bold italic">{{$vehicle->logo}}</span> --}}
            </h1>
        </div>
    </div>

    {{-- heading --}}
    <div class="md:max-w-screen-xl mx-auto px-5 xxl:px-0 text-gray-800" style="margin-top: 60px;">
        <accessories-grid :vname="{{ json_encode($vehicle->title) }}" :media="{{ json_encode($brochure) }}" :vid="{{ json_encode($vehicle->id) }}"></accessories-grid>
        
        <div class="content">
            <div class="font-semibold">
                To know more details please drop a <a target="_blank" href="https://wa.me/+971800789854" class="border-b border-gray-400 pb-1">WhatsApp message</a> or Call Suzuki Service Hotline Number: <a href="callto:+800789854" class="border-b border-gray-400 pb-1">800789854</a>.
            </div>
        </div>

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

@endsection