@extends('layouts.app')

@section('content')

    <main class="main">

        @include('show-layouts.breadcrumb', [
            'title' => 'لیست تورها',
        ])
        <div class="tour-area py-120">

            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="col-md-12">

                            <div class="booking-sort">
                                <h5>
                                    {{ $tours->total() }}
                                    تور پیدا شد
                                </h5>
                                <form method="GET" action="{{ route('tours.index') }}"
                                      class="col-md-3 booking-sort-box">
                                    <select class="select" name="sort" onchange="this.form.submit()">
                                        <option value="newest" @selected(request('sort', 'newest') === 'newest')>مرتب
                                            سازی پیشفرض
                                        </option>
                                        <option value="most_viewed" @selected(request('sort') === 'most_viewed')>بر اساس
                                            محبوبیت
                                        </option>
                                        <option value="cheapest" @selected(request('sort') === 'cheapest')>بر اساس پایین
                                            ترین قیمت
                                        </option>
                                        <option value="expensive" @selected(request('sort') === 'expensive')>بر اساس
                                            بالاترین قیمت
                                        </option>
                                    </select>
                                </form>
                            </div>
                        </div>

                        <div class="row align-items-center">
                            @forelse($tours as $tour)

                                @include('components.tour', [
                                    'tour' => $tour
                                ])

                            @empty
                                <div class="col-12 text-center">

                                    <p>
                                        در حال حاضر هیچ توری ثبت نشده است.
                                    </p>

                                </div>

                            @endforelse

                        </div>

                        <div class="mt-10 w-full">

                            {{ $tours->links() }}

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </main>

@endsection