@extends('layouts.app')

@section('title') Suzuki Baleno 2017 Safety Recall | Suzuki UAE  @endsection
@section('meta')
<meta name="title" content="Suzuki Baleno 2017 Safety Recall | Suzuki UAE"/>
<meta name="description" content="Important safety recall for 2017 Suzuki Baleno vehicles in the UAE. Verify your car’s status, follow official instructions, and ensure the safety of all passengers."/>
@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">


        <div class="space-y-10 border rounded-lg p-10 hover:shadow transition ease-in-out duration-300">
            <div class="flex flex-wrap w-full">
                <div class="w-full md:w-1/2 flex items-center">
                    <div>
                        {{-- <a href="" class="theme-link hover:border-transparent text-xs capitalize"> {{$recall->vehicle_type}}</a> --}}
                        <a href="#" class="theme-link hover:border-transparent block suzuki-bold leading-tight my-3 text-4xl text-gray-900">
                            {{$recall->title}}
                        </a>
                        {{-- <div class="text-sm text-gray-600">{{date('d M, Y', strtotime($recall->created_at))}}</div> --}}
                        <div class="text-sm text-gray-600">
                            <check-recall-form text="Check Recall" modelname="recall-modal-1" classess="border border-gray-300 px-3 rounded bg-gray-50" recall="{{$recall->id}}"></check-recall-form>
                        </div>
                    </div>
                </div>
                <div class="w-full md:w-1/2">
                    <a href="#">
                        <img src="{{$recall->getFirstMediaUrl('thumbnail')}}" alt="car" class="w-full">
                    </a>
                </div>
            </div>

            <div class="content text-lg">
                {!! $recall->detail !!}
            </div>

            <div class="mt-5">
                <check-recall-form text="Please submit your details to know your car recall status." modelname="recall-modal-2"  recall="{{$recall->id}}"></check-recall-form>
            </div>

        </div>

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

@endsection