@extends('layouts.app')

@section('content')

    <main class="main">


        <div class="site-breadcrumb"
             style="background: url({{ asset('assets/img/banner/01.jpg') }})">

            <div class="container">
                <h2 class="breadcrumb-title">لیست تورها</h2>

                <ul class="breadcrumb-menu">
                    <li>
                        <a href="{{ route('index') }}">صفحه اصلی</a>
                    </li>

                    <li class="active">لیست تورها</li>
                </ul>
            </div>

        </div>


        <div class="flight-booking flight-list py-120">

            <div class="container">

                <div class="row">

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

                        {{-- Sort --}}
                        <div class="booking-sort mb-4">

                            <h5 class="mb-0">
                                {{ $tours->total() }} نتیجه پیدا شد
                            </h5>



                        </div>


                        {{-- Tour Cards --}}
                        <div class="row">

                            @forelse($tours as $tour)

                                @include('components.tour')

                            @empty

                                <div class="col-12">

                                    <div class="text-center py-5">

                                        <i class="far fa-plane-slash fa-3x mb-3"></i>

                                        <h4>توری یافت نشد</h4>

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

                                    </div>

                                </div>

                            @endforelse

                        </div>


                        {{-- Pagination --}}
                        {{ $tours->links() }}

                    </div>

                </div>

            </div>

        </div>

    </main>

@endsection