@extends('account.layouts.app')

@section('title', 'علاقه‌مندی‌ها')

@section('account-content')

    ```
    <div class="col-lg-9">
        <div class="user-profile-wrapper">
            <div class="user-profile-card">

                <h4 class="user-profile-card-title">فهرست علاقه‌مندی‌ها</h4>

                <div class="row mt-30">

                    @forelse($wishlists as $wishlist)


                        @if($wishlist->tour)

                            <div class="col-md-6 col-lg-4 mb-4">
                                <div class="tour-item h-100">

                                    <div class="tour-img position-relative">

                                    <span class="badge position-absolute top-0 start-0 m-3">
                                        تور
                                    </span>

                                        <img
                                            src="{{ $wishlist->tour->file
                                            ? asset('storage/' . $wishlist->tour->file->path)
                                            : asset('assets/img/tour/01.jpg') }}"
                                            alt="{{ $wishlist->tour->title }}"
                                        >

                                        <a
                                            href="{{ route('account.wishlist.toggle', [
                                            'type' => 'tour',
                                            'id' => $wishlist->tour->id
                                        ]) }}"
                                            class="add-wishlist"
                                        >
                                            <i class="fas fa-heart"></i>
                                        </a>

                                    </div>

                                    <div class="tour-content d-flex flex-column">

                                        <div class="tour-top">
                                        <span class="tour-place">
                                            <i class="far fa-earth-americas"></i>
                                            {{ $wishlist->tour->origin }}
                                            -
                                            {{ $wishlist->tour->destination }}
                                        </span>
                                        </div>

                                        <h4 class="tour-title">
                                            <a href="{{ route('tours.show', $wishlist->tour->id) }}">
                                                {{ $wishlist->tour->title }}
                                            </a>
                                        </h4>

                                        <p>
                                            <i class="far fa-location-dot"></i>
                                            {{ $wishlist->tour->summary }}
                                        </p>

                                        <div class="tour-duration">
                                            <i class="far fa-clock"></i>
                                            سفر {{ $wishlist->tour->duration }}
                                            روز و
                                            {{ $wishlist->tour->duration - 1 }}
                                            شب
                                        </div>

                                        <div class="tour-bottom mt-auto">

                                            <div class="tour-price">
                                                از
                                                <span>
                                                {{ number_format($wishlist->tour->price) }}
                                                تومان
                                            </span>
                                            </div>

                                            <div class="tour-text-btn">
                                                <a href="{{ route('tours.show', $wishlist->tour->id) }}">
                                                    بیشتر ببین
                                                    <i class="fas fa-arrow-left"></i>
                                                </a>
                                            </div>

                                        </div>

                                    </div>

                                </div>
                            </div>



                        @elseif($wishlist->flight)

                            <div class="col-md-6 col-lg-4 mb-4">
                                <div class="tour-item h-100">

                                    <div class="tour-img position-relative">

                                    <span class="badge position-absolute top-0 start-0 m-3">
                                        پرواز
                                    </span>

                                        <img
                                            src="{{ $wishlist->flight->file
                                            ? asset('storage/' . $wishlist->flight->file->path)
                                            : asset('assets/img/flight/01.jpg') }}"
                                            alt="{{ $wishlist->flight->title }}"
                                        >

                                        <a
                                            href="{{ route('account.wishlist.toggle', [
                                            'type' => 'flight',
                                            'id' => $wishlist->flight->id
                                        ]) }}"
                                            class="add-wishlist"
                                        >
                                            <i class="fas fa-heart"></i>
                                        </a>

                                    </div>

                                    <div class="tour-content d-flex flex-column">

                                        <div class="tour-top">
                                        <span class="tour-place">
                                            <i class="far fa-plane"></i>
                                            پرواز
                                        </span>
                                        </div>

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

                                        <p>
                                            <i class="far fa-building"></i>
                                            {{ $wishlist->flight->airline->name ?? 'شرکت هواپیمایی' }}
                                        </p>

                                        <p>
                                            <i class="far fa-route"></i>

                                            {{ $wishlist->flight->departureAirport->city->name ?? 'مبدا' }}
                                            -
                                            {{ $wishlist->flight->arrivalAirport->city->name ?? 'مقصد' }}

                                        </p>

                                        <div class="tour-duration">
                                            <i class="far fa-clock"></i>

                                            @if($wishlist->flight->departure_time)
                                                {{ $wishlist->flight->departure_time->format('Y/m/d H:i') }}
                                            @else
                                                زمان حرکت مشخص نشده
                                            @endif

                                        </div>

                                        <div class="tour-bottom mt-auto">

                                            <div class="tour-price">
                                                از

                                                <span>
                                                {{ number_format($wishlist->flight->price) }}
                                                تومان
                                            </span>
                                            </div>

                                            <div class="tour-text-btn">
                                                <a href="{{ route('flights.show', $wishlist->flight->id) }}">
                                                    بیشتر ببین
                                                    <i class="fas fa-arrow-left"></i>
                                                </a>
                                            </div>

                                        </div>

                                    </div>

                                </div>
                            </div>

                        @endif

                    @empty

                        <div class="col-lg-12">
                            <div class="text-center py-5">

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

                                <h5>
                                    هنوز چیزی به علاقه‌مندی‌های شما اضافه نشده است.
                                </h5>

                            </div>
                        </div>

                    @endforelse

                </div>


                @if(method_exists($wishlists, 'hasPages') && $wishlists->hasPages())

                    <div class="pagination-area my-4">

                        <div aria-label="Page navigation example">
                            {{ $wishlists->links() }}
                        </div>

                    </div>

                @endif

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

@endsection