@extends('front.master')


@section('seo')
{{--    {!! $category->seo !!}--}}
@endsection
@section('content')

    <section class="page-cover back-size" id="cover-flight-grid-list">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-title">{{json_field($site_content,'destinations')}}</h1>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('front.get.home.index')}}">{{json_field($site_content,'home')}}</a></li>
                        <li class="breadcrumb-item">{{json_field($site_content,'destinations')}}</li>
                    </ul>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section>

    <section class="destination bg-light mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page-heading">
                        <h2>{{json_field($site_content,'section_destination_title')}}</h2>
                        <p>{{json_field($site_content,'section_destination_desc')}}</p>
                    </div><!-- end page-heading -->
                </div>
            </div>
            <div class="row">
            </div>
            <div class="row thm-margin">
             @foreach($destinations as $row)
                <div class="col-md-4 thm-padding">
                    <div class="destination-grid">
                        <a href="{{route('front.get.category.index',$row->slug)}}"><img class="img-responsive" src="{{getImage(CATEGORY_PATH.$row->img)}}" title="{{$row->img_title}}"
                                                                                             alt="{{$row->img_alt}}"></a>
                        <div class="mask">
                            <h2><a href="{{route('front.get.category.index',$row->slug)}}">{{ $row->name }}</a> </h2>
                            <p>{{Str::limit($row->small_desc, 140)}}</p>
                            <a href="{{route('front.get.category.index',$row->slug)}}" class="thm-btn">{{json_field($site_content,'read_more')}}</a>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
        </div>
    </section>


    <div id="process-flow" class="section-padding">
        <div class="container">
            <div class="row">

                <div class="col-12 col-md-12 col-lg-12">
                    <div class="page-heading">
                        <h2>{{json_field($site_content,'features_section_title')}}</h2>
                        <p>{{json_field($site_content,'features_section_description')}}</p>
                    </div>
                </div><!-- end columns -->
                <div class="col-12 col-md-6 col-lg-4 col-lg-pull-4 services-list">

                    @for($i = 1; $i <= 3; $i++)
                            <div class="service-block-1">
                                <div class="service-icon-1">
                                    <span><i class="fa {{json_field($site_content,'feature_icon_'.$i)}}"></i></span>
                                </div><!-- end service-icon-1 -->

                                <div class="service-text-1">
                                    <h3>{{json_field($site_content,'feature_title_'.$i)}}</h3>
                                    <p>{{json_field($site_content,'feature_desc_'.$i)}}</p>
                                </div><!-- end service-text-1 -->
                            </div><!-- end service-block-1 -->

                    @endfor
                    </div><!-- end columns -->


                <div class="col-lg-4 col-lg-push-4 services-list-img text-center">
                    <img src="{{asset('front/images/service-intro.png')}}" alt="what-we-provide" class="img-fluid">
                </div><!-- end columns -->
                <div class="col-12 col-md-6 col-lg-4 services-list">

                    @for($i = 4; $i <= 6; $i++)
                            <div class="service-block-1">
                                <div class="service-icon-1">
                                    <span><i class="fa {{json_field($site_content,'feature_icon_'.$i)}}"></i></span>
                                </div><!-- end service-icon-1 -->

                                <div class="service-text-1">
                                    <h3>{{json_field($site_content,'feature_title_'.$i)}}</h3>
                                    <p>{{json_field($site_content,'feature_desc_'.$i)}}</p>
                                </div><!-- end service-text-1 -->
                            </div><!-- end service-block-1 -->

                    @endfor
                </div><!-- end columns -->

            </div><!-- end row -->
        </div><!-- end container -->
    </div>

@endsection