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

    <div class="container mt-5 mb-5">
        <div class="row">
            <div class="col-lg-9 col-xl-9 col-md-8 col-12 order-lg-2">
                <div class="row">
                    <div class="col-lg-12 col-xl-12 col-12 col-md-12">
                        <div class="tools-ber">
                            <div class="row">
                                <div class="col-xs-6 col-sm-3 col-md-3">
                                    <!-- filters select -->
                                    {{--                                    <form action="{{ route('destination.show', [$destination->slug]) }}" method="get"--}}
                                    {{--                                          id="pricefilterForm">--}}
                                    {{--                                        <div class="select-filters">--}}
                                    {{--                                            <select id="sortBy" class="nice-sel sort-price" role="form" name="sortBy"--}}
                                    {{--                                                    class="small right">--}}
                                    {{--                                                @if (request()->get("sortBy") == null)--}}
                                    {{--                                                    <option value="" selected disabled>Select</option>--}}
                                    {{--                                                @endif--}}
                                    {{--                                                <option--}}
                                    {{--                                                    value="All" {{session()->get('All')?'selected' :''}}>{{__('tour.all')}}</option>--}}
                                    {{--                                                <option--}}
                                    {{--                                                    value="Newestontop" {{session()->get('Newestontop')?'selected' :''}}>{{__('tour.newest_on_top')}}</option>--}}
                                    {{--                                                <option--}}
                                    {{--                                                    value="Oldestontop" {{session()->get('Oldestontop')?'selected' :''}}>{{__('tour.Oldest_on_top')}}</option>--}}
                                    {{--                                                <option--}}
                                    {{--                                                    value="PriceLowtoHigh" {{session()->get('PriceLowtoHigh')?'selected' :''}}>{{__('tour.Price_low_to_high')}}</option>--}}
                                    {{--                                                <option--}}
                                    {{--                                                    value="PriceHightoLow" {{session()->get('PriceHightoLow')?'selected' :''}}>{{__('tour.Price_high_to_low')}}</option>--}}
                                    {{--                                            </select>--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </form>--}}
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6">
                                    <p class="num_tours">&nbsp;Tours
                                        Tours Available
                                        <b>{{ $country->destinations()->withCount('tours')->get()->sum('tours_count') }}</b>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($country->destinations as $destination)
                                @foreach($destination->tours as $tour)
                                    <div class="col-lg-12 col-xl-12 col-md-12">
                                        @include('layout.partials.tour-box', ['tour' => $tour])
                                    </div>
                                @endforeach
                            @endforeach
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-xl-3 col-md-4 col-12 order-lg-1">


                <div class="blog-sidebar room-sidebar filter-block">
                    <div class="card-body text-left">
                        <h3 class="mb-4">{{__('general.select_destination')}}</h3>
                        <ul class="list-unstyled">
                            @foreach($country->destinations as $child)
                                <li class="custom-check">
                                    <a class="custome-color-link"
                                       href="{{ route('destination.show', [$child->slug]) }}"> <i
                                            class="fa fa-arrow-right"></i> <label
                                            class="custome-color-link"> {{$child->name}} </label> </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="blog-sidebar room-sidebar filter-block">
                    <div class="card-body text-left">
                        <h3 class="mb-4">{{__('general.select_categories')}}</h3>
                        <ul class="list-unstyled">
                            @foreach($country->categories as $child)
                                <li class="custom-check">
                                    <a class="custome-color-link"
                                       href="{{ route('category', [$country->slug, $child->slug]) }}"> <i
                                            class="fa fa-arrow-right"></i> <label
                                            class="custome-color-link"> {{$child->name}} </label> </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    @include('layout.partials.newsletter')
    @include('layout.partials.faq')
    @include('layout.partials.partner')
@endsection