@extends('frontends.layouts.index')
@section('content')
<main>
    <div id="carousel-home">
        <div class="owl-carousel owl-theme">
            @foreach($banners as $banner)
                 <div class="owl-slide cover" style="background-image: url({{ asset($banner->image_path) }});">
                    <div class="opacity-mask d-flex align-items-center" data-opacity-mask="rgba(0, 0, 0, 0.5)">
                        <div class="container">
                            <div class="row justify-content-center justify-content-md-start">
                                <div class="col-lg-12 static">
                                    <div class="slide-text text-{!! $banner->text_align !!} white">
                                        <h2 class="owl-slide-animated owl-slide-title">{!! $banner->getSelfTranslation('title') !!}</h2>
                                        <p class="owl-slide-animated owl-slide-subtitle">
                                            {!! $banner->getSelfTranslation('description') !!}
                                        </p>
                                        <div class="owl-slide-animated owl-slide-cta"><a class="btn_1" href="{{ $banner->getSelfTranslation('link_url') }}" role="button">{{ __('Read more') }}</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/owl-slide-->
            @endforeach
        </div>
        <div id="icon_drag_mobile"></div>
    </div>
    <!--/carousel-->

    <div class="container margin_60">

    	<div class="main_title">
            @php 
                $latest_tours_string = __('Latest Tours'); 
                $latest_tours_string = explode(' ', $latest_tours_string);
            @endphp
    		<h2><span>{{ current($latest_tours_string) }}</span> {{ end($latest_tours_string) }}</h2>
    	</div>

        <div class="owl-carousel owl-theme list_carousel add_bottom_30">
            @foreach($tours as $tour)
                <div class="item">
                    <div class="tour_container">
                        <div class="ribbon_3 popular"><span>{{ __('Latest') }}</span></div>
                        <div class="img_container">
                            <a href="{{ action('HomeController@getTour', [$tour->getSelfTranslation('title')]) }}">
                                <img src="{{ asset($tour->first_header_image) }}" width="800" height="533" class="img-fluid" alt="image">
                                @if($tour->first_discounted_price > 0)
                                    <div class="badge_save">
                                        {{ __('Save') }}
                                        <strong>{{ $tour->discounted_percent }}</strong>
                                    </div>
                                @endif
                                <div class="short_info">
                                    <i class="icon_set_1_icon-44"></i>{{ __('Per Pax') }}
                                    <span class="price">
                                        <sup>
                                            {{ App\Setting::currency_symbol() }}
                                        </sup>
                                        {{ $tour->first_discounted_price > 0 ? $tour->first_discounted_price:$tour->first_price }}</span>
                                </div>
                            </a>
                        </div>
                        <div class="tour_title">
                            <h3><i class="icon_set_1_icon-44"></i>{{ $tour->getSelfTranslation('title') }}</h3>
                            <div class="rating">
                                @if($tour->reviews)
                                    <i class="icon-smile"></i>
                                    <small>(0)</small>
                                @else
                                    <i class="icon-smile"></i>
                                    <small>(0)</small>
                                @endif
                            </div>
                            <!-- end rating -->
                            <div class="wishlist {{ in_array($tour->id, $tour_wishlists) ? 'added':'' }}">
                                <a onclick="addWishlist(this, 'tours', '{{ $tour->getSelfTranslation('title') }}')" class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">
                                    +
                                    <span class="tooltip-content-flip">
                                        <span class="tooltip-back">{{ __('Add to wishlist') }}</span>
                                    </span>
                                </a>
                            </div>
                            <!-- End wish list-->
                        </div>
                    </div>
                    <!-- End box tour -->
                </div>
                <!-- /item -->
            @endforeach
        </div>
        <!-- /carousel -->
    	
    	<p class="text-center add_bottom_30">
    		<a href="{{ action('HomeController@getTours') }}" class="btn_1">{{ __('View all Tours') }}</a>
    	</p>
    	
    </div>
    <!-- End container -->

    <div class="white_bg">
        <div class="container margin_60">
            <div class="main_title">
                @php $blog_title = explode(' ', __('Latest Blog News')); @endphp
                <h2>{{ $blog_title[0] }} <span>{{ $blog_title[1] }}</span> {{ $blog_title[2] }}</h2>
            </div>

            <div class="row">
                @foreach($blogs as $blog)
                    <div class="col-md-6">
                        <a class="box_news" href="{{ action('HomeController@getBlog', [$blog->getSelfTranslation('title')]) }}">
                            <figure>
                                <img src="{{ asset($blog->get_header_image_path()) }}" alt="">
                                <figcaption><strong>{{ date('d', strtotime($blog->created_at)) }}</strong>{{ date('M', strtotime($blog->created_at)) }}</figcaption>
                            </figure>
                            <ul>
                                <li>{{ Str::limit($blog->child_string_displayed('updator', 'name'), 20) }}</li>
                                <li>{{ Str::limit($blog->tags, 15) }}</li>
                            </ul>
                            <h4>{{ Str::limit($blog->getSelfTranslation('title'), 30) }}</h4>
                            <p>{!! Str::limit($blog->get_only_string(), 150) !!}</p>
                        </a>
                    </div>
                    <!-- /box_news -->
                @endforeach
            </div>
            <!-- /row -->
            <p class="btn_home_align"><a href="{{ action('HomeController@getBlogs') }}" class="btn_1 rounded">{{ __('View all news') }}</a></p>
        </div>
        <!-- End container -->
    </div>
</main>
@stop
@section('script')
@stop