@extends('layouts.app')

@section('content')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{asset('assets/img/breadcrumb/02.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="tour-grid py-120">
            <div class="container">
                <div class="row">

                    <div class="col-lg-12 col-xl-12">
                        <div class="col-md-12">
                            <div class="booking-sort">
                                <h5>{{ $tours->total() }} نتیجه پیدا شد</h5>


                            </div>
                        </div>
                        <div class="row">
                            @forelse($tours as $tour)
                                <div class="col-md-6 col-lg-4">
                                    <div class="tour-item">
                                        <div class="tour-img">
                                            <img src="{{ $tour->file ? asset('storage/'.$tour->file->path) : asset('assets/img/tour/01.jpg') }}" alt="{{ $tour->title }}">
                                            <a href="{{ route('favorites.toggle', ['type' => 'tour', 'id' => $tour->id]) }}" class="add-wishlist"><i class="far fa-heart"></i></a>
                                        </div>
                                        <div class="tour-content">
                                            <div class="tour-top">
                                                <a href="#" class="tour-category"><i class="far fa-tag"></i> {{ $tour->tour_type }}</a>
                                                <span class="tour-place"><i class="far fa-earth-americas"></i> {{ $tour->destinationAirport->city ?? '' }}</span>
                                            </div>
                                            <h4 class="tour-title"><a href="{{ route('tour.show', $tour->id) }}">{{ $tour->title }}</a></h4>
                                            <p><i class="far fa-location-dot"></i> {{ $tour->summary }}</p>
                                            <div class="tour-duration">
                                                <i class="far fa-clock"></i>
                                                @if($tour->nights)
                                                    سفر {{ $tour->nights + 1 }} روز و {{ $tour->nights }} شب
                                                @endif
                                            </div>
                                            <div class="tour-bottom">
                                                <div class="tour-price">
                                                    @if($tour->price)
                                                        از <span>{{ number_format($tour->price) }} تومان</span>
                                                    @endif
                                                </div>
                                                <div class="tour-text-btn">
                                                    <a href="{{ route('tour.show', $tour->id) }}">بیشتر ببین <i class="fas fa-arrow-left"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <div class="col-12">
                                    <p>هیچ توری یافت نشد.</p>
                                </div>
                            @endforelse

                            <div class="pagination-area">
                                <div aria-label="Page navigation example">
                                    {{ $tours->links() }}
                                </div>
                                <div class="pagination-showing">
                                    <p>نمایش {{ $tours->firstItem() }} - {{ $tours->lastItem() }} از {{ $tours->total() }} تور</p>
                                </div>
                            </div>


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

    </main>

@endsection