@extends('layout.main')


@section('main-section')
    <!-- breadcrumb area start -->
    <div class="breadcrumb-area jarallax" style="background-image:url({{ asset('resources/assets/img/bg/1.png') }});">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-inner">
                        <h1 class="page-title">Car</h1>
                        <ul class="page-list">
                            <li><a href="{{ url('/') }}">Home</a></li>
                            <li>Car</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area End -->
   

    
    <!-- holiday plan area start -->
    <div class="holiday-plan-area tp-holiday-plan-area mg-top-96" style="background-image: url(assets/img/bg/8.png);">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-9">
                    <div class="section-title text-center">
                        <h2 class="title wow animated fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.1s">Our Car</h2>
                        <p class="wow animated fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.2s">Revolutionizing the Automotive Industry: Exploring the Latest Trends, Technologies, and Innovations in the World of Cars.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach($carData as $carRow)
                <div class="col-lg-3 col-sm-6">
                    <div class="single-destinations-list style-two wow animated fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.1s">
                        <div class="thumb">
                            <img src="{{ asset('/public/storage/'.$carRow->image) }}" alt="list">
                        </div>
                        <div class="details">
                            <p class="location"><img src="{{ asset('resources/assets/img/icons/1.png') }}" alt="map">{{ $carRow->destination }}</p>
                            <h4 class="title">{{ $carRow->name }}</h4>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- holiday plan area end -->
    
    <!-- client area start -->
    <div class="client-area pd-top-108">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8">
                    <div class="section-title text-center">
                        <div class="section-title text-lg-center text-left">
                            <h2 class="title"><span>What Our </span>Clicnts Say</h2>
                        </div>
                        
                        <p>Client Testimonials: Hear What Our Valued Customers Have to Say About Their Experience with Us.
                        </p>
                    </div>
                </div>
            </div>
            <div class="client-slider tp-common-slider-style">
                @foreach($reviewData as $reviewRow)
                <div class="single-client-card">
                    <div class="quote"><i class="fa fa-quote-left"></i></div>   
                    <p class="content-text">{{ $reviewRow->message }}</p>
                    <div class="media">
                        <div class="media-left">
                             @if($reviewRow->image == "")
                                    <img src="{{ asset('resources/assets/img/client/user.jpg') }}" alt="1" class="img-circle">
                                @else
                                    <img src="{{ asset('/public/storage/'.$reviewRow->image) }}" alt="img" style="height:55px;">
                                @endif
                            
                        </div>
                        <div class="media-body">
                            <h4>{{ $reviewRow->name }}</h4>
                            <span>{{ $reviewRow->city }}</span>
                            <span class="tp-review-meta">
                                <i class="ic-yellow fa fa-star"></i>
                                <i class="ic-yellow fa fa-star"></i>
                                <i class="ic-yellow fa fa-star"></i>
                                <i class="ic-yellow fa fa-star"></i>
                                <i class="ic-yellow fa fa-star"></i>
                                <span>4.0</span>
                            </span>
                        </div>
                    </div>
                </div> 
                @endforeach
                 
            </div>
        </div>
    </div>
    <!-- client area end -->
  
    
    @endsection