@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => $category->meta_title,
        'description' => $category->meta_description,
        'keywords' => $category->meta_keywords,
        'image' => $category->getFirstMediaUrlOrDefault(MediaHelper::CATEGORY_MEDIA_PATH, 'webp')['url'],
        'schema' => $category->schema
    ])
@endsection
@section('content')
    <div class="wpo-breadcumb-area"
         style="background: url({{$category->getFirstMediaUrlOrDefault(MediaHelper::CATEGORY_BANNER_MEDIA_PATH, 'webp')['url']}}) no-repeat center top/cover;"
         title="{{$category->getFirstMediaUrlOrDefault(MediaHelper::CATEGORY_BANNER_MEDIA_PATH)['title']}}"
         role="img" aria-label="{{$category->getFirstMediaUrlOrDefault(MediaHelper::CATEGORY_BANNER_MEDIA_PATH)['alt']}}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="wpo-breadcumb-wrap">
                        <h1>{{ $category->name }}</h1>
                        <ul>
                            <li><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                            <li><span>{{ $category->name }}</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

{{--    @include('layout.partials.filter')--}}

    <div class="wpo-destination-area mt-5">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-xl-10 col-md-10 mb-3">
                    <div class="text-center">
                        <h2>{{ $category->heading }}</h2>
                        <p>{!! $category->description !!}</p>
                    </div>
                </div>
            </div>
            <div class="destination-wrap">
                <div class="row">
                    @foreach($category->children as $subCategory)
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="destination-item">
                            <div class="destination-img">
                                <a href="{{ route('subCategory', ['country_slug'=>$country->slug, 'category_slug'=>$category->slug,'subCategory_slug'=> $subCategory->slug]) }}">
                                    <img src="{{$subCategory->getFirstMediaUrlOrDefault(MediaHelper::SUB_CATEGORY_MEDIA_PATH, 'webp')['url']}}"
                                         alt="{{$subCategory->getFirstMediaUrlOrDefault(MediaHelper::SUB_CATEGORY_MEDIA_PATH)['alt']}}"
                                         title="{{$subCategory->getFirstMediaUrlOrDefault(MediaHelper::SUB_CATEGORY_MEDIA_PATH)['title']}}">
                                </a>
                            </div>
                            <div class="destination-content">
                                <h2><a href="{{route('subCategory', [$country->slug, $category->slug, $subCategory->slug])}}">{{ $subCategory->name }}</a></h2>
                                <p>
                                    {!! Str::limit(strip_tags($subCategory->short_description), 100) !!}
                                </p>
                                <div class="destination-bottom">
                                    <a href="{{route('subCategory', [$country->slug, $category->slug, $subCategory->slug])}}">
                                        {{ __('general.read_more') }}
                                    </a>
{{--                                    <p>{{ __('general.price_from') }} : {{ CurrencyHelper::display($subCategory->tours->min('price_start_from')) }}</p>--}}
                                    <div class="destination-bottom-right">
                                        <ul>
                                            @for($i = 0; $i < $subCategory->rate; $i++)
                                                <li><span><i class="fa fa-star" aria-hidden="true"></i></span></li>
                                            @endfor
                                        </ul>
                                        @if(!empty($subCategory->rate) && $subCategory->rate !== null && $subCategory->rate > 0)

                                        <small>{{$subCategory->rate}}</small>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    @include('layout.partials.newsletter')
    @include('layout.partials.faq')
    @include('layout.partials.partner')

@endsection