@if($style == 'first')
    <div class="col-md-6">
        <div class="mb-3 mb-lg-2">
            <div class="h-100">
                <div class="position-relative">
                    <a href="{{route('tour.show' ,[$tour->category->category->slug , $tour->category->slug, $tour->slug])}}">
                        <img class="img-fluid rounded-xs min-height-230 bg-img-hero w-100"
                             loading="lazy"
                             src="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['url']}}"
                             alt="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['alt']}}"
                             title="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['title']}}">
                    </a>
                    <div class="position-absolute bottom-0 left-0 right-0">
                        <div class="px-4 pb-3">
                            <a class="d-block">
                                <div class="d-flex align-items-center font-size-14 text-white">
                                    <i class="icon fa fa-calendar mr-2 font-size-20"></i>
                                    {{$tour->duration}}
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="py-3">
                    <a href="{{route('tour.show' ,[$tour->category->category->slug , $tour->category->slug, $tour->slug])}}"
                       class="card-title font-size-17 font-weight-medium text-dark">
                        {{$tour->name}}
                    </a>
                    <div class="mt-2">
                        <span class="mr-1 font-size-14 text-gray-1">{{__('homePage.from')}}</span>
                        <span class="font-weight-bold">{{Currency::display($tour->price)}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@elseif($style == 'second')
        <div class="card mb-1 transition-3d-hover shadow-hover-2 tab-card h-100">
            <div class="position-relative mb-2">
                <a href="{{route('tour.show' ,[$tour->category->category->slug , $tour->category->slug, $tour->slug])}}"
                   class="d-block gradient-overlay-half-bg-gradient-v5">
                    <img class="card-img-top"
                         loading="lazy"
                         src="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['url']}}"
                         alt="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['alt']}}"
                         title="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH , 'webp')['title']}}">
                </a>
                <div class="position-absolute top-0 left-0 pt-5 pl-3">
                    <span class="badge badge-pill bg-white text-primary px-4 py-2 font-size-14 font-weight-normal">{{__('homePage.featured')}}</span>
                </div>
                <div class="position-absolute bottom-0 left-0 right-0">
                    <div class="px-3 pb-2">
                        <h2 class="h5 text-white mb-0 font-weight-bold">
                            <small class="mr-2">{{__('homePage.from')}}</small>{{Currency::display($tour->price)}}
                        </h2>
                    </div>
                </div>
            </div>
            <div class="card-body px-4 py-2">
                @if($tour->location)
                    <a class="d-block">
                        <div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
                            <i class="icon flaticon-pin-1 mr-2 font-size-15"></i> {{$tour->location}}
                        </div>
                    </a>
                @endif
                <a href="{{route('tour.show' ,[$tour->category->category->slug , $tour->category->slug, $tour->slug])}}"
                   class="card-title font-size-17 font-weight-bold text-dark">{{$tour->name}}</a>
                <div class="mb-1 mt-3 d-flex align-items-center font-size-14 text-gray-1">
                    <i class="icon flaticon-calendar mr-2 font-size-14"></i>
                    {{$tour->duration}}
                </div>
            </div>
        </div>

@else
@endif