@extends('layout.main')

@section('main-section')
        <!-- subheader -->
        <section id="subheader">
            <div class="container-fluid m-5-hor">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="big-heading">Vehicles</h1>
                        <p>Varius blandit sit amet</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- subheader end -->

    <!-- section list -->
    <section class="whitepage">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="big-heading">Popular Vehicles</h3>
                    <span class="sub-heading-content">Exclusive Vehicles, We Offer in Uttarakhand</span>
                    <span class="devider-left"></span>
                </div>
                @foreach($vehicleData as $vehicleRow)
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="feature-1">
                        <div class="cont-img">
                            <img alt="img-cont" class="img-responsive" src="{{ asset('public/storage/'.$vehicleRow->image) }}">
                        </div>
                        <div class="cont-detail">
                            <h3 class="big-heading"><span class="color">{{ $vehicleRow->name }}</span> <sup class="subtour">{{ $vehicleRow->type }}</sup></h3>
                            <div class="star-content color">
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star-o" aria-hidden="true"></i>
                            </div>
                            <a href="{{ url('/vehicle') }}" class="btn-content">Read More</a>
                        </div>
                    </div>
                </div>
                @if($loop->iteration%3==0)
            </div>
            <div class="row">
                @endif
                @endforeach
            </div>
        </div>
    </section>
    <!-- section list end -->

@endsection