@extends('front.master')


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

    <section class="page-cover back-size" id="cover-flight-grid-list" style="background-image: url('{{getImage(CATEGORY_PATH.$category->cover)}}'); background-position: 50% 0px;">
        background-size: 140%;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-title">{{$category->name}}</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">{{$category->name}}</li>
                    </ul>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section>

    <section class="destination bg-light pt-5 pb-5">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <div class="page-heading">
                        <h2>{{$category->name}}</h2>
                        <p>{!! $category->small_desc !!}</p>
                    </div><!-- end page-heading -->
                </div>
            </div>


            <div class="row">
                @foreach($category->subs as $sub)
                <div class="col-md-4 col-lg-4 mb-3">
                    <div class="main-block tour-block">
                        <div class="main-img">
                            <a href="{{route('front.get.subCategory.index',[$category->slug,$sub->slug])}}">
                                <img alt="{{$sub->img_alt}}" title="{{$sub->img_title}}"
                                     src="{{getImage(SUB_CATEGORY_PATH.$sub->img)}}" style="width: 417px; height: 312px;"/>
                            </a>
                        </div>
                        <div class="main-info tour-info">
                            <div class="main-title tour-title">
                                <h3><a href="{{route('front.get.subCategory.index',[$category->slug,$sub->slug])}}">{{$sub->name}}</a></h3>
                                <p>{{Str::limit($category->small_desc, 140)}}</p>
                                <a href="{{route('front.get.subCategory.index',[$category->slug,$sub->slug])}}" class="link-sec">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>

{{--            <div class="row">--}}
{{--                <div class="col-md-12">--}}
{{--                    <div class="pages pagination-margin">--}}
{{--                        <ol class="pagination justify-content-center">--}}
{{--                            <li><a href="#" aria-label="Previous"><span aria-hidden="true"><i class="fa fa-angle-left"></i></span></a></li>--}}
{{--                            <li class="active"><a href="#">1</a></li>--}}
{{--                            <li><a href="#">2</a></li>--}}
{{--                            <li><a href="#">3</a></li>--}}
{{--                            <li><a href="#">4</a></li>--}}
{{--                            <li><a href="#" aria-label="Next"><span aria-hidden="true"><i class="fa fa-angle-right"></i></span></a></li>--}}
{{--                        </ol>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}


        </div>
    </section>
@endsection