@extends('layouts.app')

@section('content')

    <main class="main">

        {{-- Breadcrumb --}}
        @include('show-layouts.breadcrumb', [
            'title' => 'جزئیات تور',
            'current' => $tour->title,
        ])

        <div class="tour-single py-120">
            <div class="container">
                <div class="listing-wrapper">

                    <div class="row">


                        <div class="col-lg-8">

                            <div class="listing-content">

                                {{-- Slider --}}
                                <div class="listing-slider owl-carousel owl-theme" dir="ltr">
                                    @if(getFileUrl($tour?->file?->id))
                                        <img
                                            src="{{ getFileUrl($tour?->file?->id) }}"
                                            alt="{{ $tour->title }}"
                                            style=""
                                        >
                                    @else
                                        <img src="{{ asset('assets/img/tour/02.jpg') }}" alt
                                             style="">
                                    @endif
                                </div>


                                {{-- Header --}}
                                <div class="listing-header">

                                    <div class="listing-header-info">

                                        <h4 class="listing-title">
                                            {{ $tour->title }}
                                        </h4>

                                        <p class="listing-stop">
                                            <i class="far fa-location-dot"></i>

                                            {{ $tour->origin }}

                                            <i class="far fa-arrow-left mx-2"></i>

                                            {{ $tour->destination }}
                                        </p>

                                    </div>

                                </div>


                                {{-- Tour Features --}}
                                <div class="listing-item pt-5">

                                    <div class="row">

                                        {{-- Duration --}}
                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-clock"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>مدت زمان</h6>

                                                    <span>
                                                        {{ $tour->duration }} روز
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        {{-- Date --}}
                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-calendar-days"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>تاریخ ثبت</h6>

                                                    <span>
                                                        {{ $tour->created_at->toJalali()->format('Y/m/d') }}
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        {{-- Group Size --}}
                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-users"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>اندازه گروه</h6>

                                                    <span>
                                                        گروه گردشگری
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        {{-- Tour Type --}}
                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-plane"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>نوع تور</h6>

                                                    <span>
                                                        تور مسافرتی
                                                    </span>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>


                                {{-- About Tour --}}
                                @if($tour->summary)

                                    <div class="listing-item">

                                        <h4 class="mb-3">
                                            درباره این تور
                                        </h4>

                                        <p>
                                            {{ $tour->summary }}
                                        </p>

                                    </div>

                                @endif


                                {{-- Description --}}
                                @if($tour->description)

                                    <div class="listing-item">

                                        <h4 class="mb-3">
                                            توضیحات تور
                                        </h4>

                                        <p>
                                            {{ $tour->description }}
                                        </p>

                                    </div>

                                @endif





                                {{-- Reviews --}}
                                @include('show-layouts.reviews', [
                                    'comments' => $tour->comments,
                                    'item' => $tour,
                                    'type' => 'tour',
                                ])

                            </div>

                        </div>




                        @include('show-layouts.sidebar', [
                            'item' => $tour,
                            'type' => 'tour',
                        ])

                    </div>

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

    </main>

@endsection