@extends('layouts.frontend.master')

@section('seo')
    @include('frontend.global.seo', [
        'name' => $content->name ?? '',
        'title' => $content->seo_title ?? $content->name,
        'description' => $content->seo_description ?? '',
        'keyword' => $content->seo_keywords ?? '',
        'schema' => $content->seo_schema ?? '',
        'seoimage' => $content->image ?? '',
        'created_at' => $content->created_at,
        'updated_at' => $content->updated_at,
    ])
@endsection

@section('content')
    @include('frontend.global.banner', [
        'name' => $content->name,
        'banner' => $content->banner ?? null,
        'parentname' => 'Destinations',
        'parentlink' => '/destinations',
    ])
    @if (!empty($content->image || $content->description))
        <section class="single-content mt-48">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="img-landscape">
                            {!! get_image($content->image, '', 'activity') !!}
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                        {!! $content->description ?? '' !!}
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if ($subdestinations->isNotEmpty())
        <div class="single-activities mt-12 mt-sm-40 mt-lg-48">
            <div class="container">
                <div class="card p-16 py-sm-24">
                    <div class="row mt-12 mt-sm-40 mt-lg-48">
                        <div class="col-md-12 col-sm-12">
                            <div class="slider slider-for">
                                @foreach ($subdestinations as $key => $packs)
                                    <div>
                                        <div class="row">
                                            <div class="col-md-7 col-sm-12">
                                                <div class="img-landscape-02">
                                                    {!! get_image($packs->image, '', 'slider-act-on') !!}
                                                    <div class="absolute">
                                                        <h4>{{ $key + 1 }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-5 col-sm-12">
                                                <h4 class="fw-medium text-center">
                                                    {{ $packs->name ?? '' }}
                                                </h4>
                                                {!! stripLetters($packs->description, 355, '...') !!}
                                                <div class="d-flex justify-content-center my-3">
                                                    <a class="btn btn-outline-primary"
                                                        href="{{ route('destinationsingle', $packs->slug) }}">Learn More <i
                                                            class="fa fa-arrow-right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="row justify-content-end">
                                <div class="col-md-5">
                                    <div class="slider slider-nav">
                                        @foreach ($subdestinations as $key => $packs)
                                            <div>
                                                <div class="img-portrait-02">
                                                    {!! get_image($packs->image, '', 'slider-act-two') !!}
                                                    <div class="text">
                                                        <h5>{{ $packs->name ?? '' }}</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    @if ($packages->isNotEmpty())
        <section class="home-packages my-5">
            <div class="container">
                <h4 class="h4 text-secondary fw-bold trip-title">PACKAGES</h4>
                <div class="row">
                    @foreach ($packages as $packs)
                        <div class="col-lg-4 col-md-6 col-sm-12 mt-64">
                            <div class="card-package">

                                <div class="img-landscape-02">
                                    {!! get_image($packs->image, '', 'pck-main') !!}
                                    @if ($packs->price)
                                        <div class="package-price">
                                            <h6>
                                                {!! getpackageprice($packs->activity->priceprefix, $packs->price, $packs->activity->priceper) !!}
                                            </h6>
                                        </div>
                                    @endif
                                </div>
                                @if ($packs->activity->duration || $packs->activity->size || $packs->location)
                                    <div class="package-meta text-center mb-0">
                                        <ul>
                                            @if ($packs->activity->duration)
                                                <li>
                                                    <i class="far fa-clock"></i>
                                                    {{ $packs->activity->duration ?? '' }}
                                                </li>
                                            @endif
                                            @if ($packs->activity->size)
                                                <li>
                                                    <i class="fas fa-user-friends"></i>
                                                    Min Pax: {{ $packs->activity->size ?? '' }}
                                                </li>
                                            @endif
                                            @if ($packs->location)
                                                <li>
                                                    <i class="fas fa-map-marker-alt"></i>
                                                    {{ $packs->location ?? '' }}
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                @endif
                                <h5 class="text-secondary fw-bold mt-12">{{ $packs->name ?? '' }}</h5>
                                <div class="icon mt-2">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <p class="small fw-medium text-cGray800 mt-12">{!! stripLetters($packs->description, 95, '...') !!}</p>
                                <div class="btn-wrap text-center justify-content-center mt-3">
                                    <a class="btn btn-outline-secondary stretched-link p-3"
                                        href="{{ route('packagessingle', $packs->slug) }}">Learn
                                        More
                                        <i class="fa fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif
@endsection