@extends('dashboard.layouts.app')

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

@section('account-content')

    <div class="user-profile-wrapper">
        <div class="user-profile-card">
            <h4 class="user-profile-card-title">فهرست من</h4>

            @if($items->isEmpty())
                <section class="flex flex-col items-center justify-center gap-y-3 mt-5">
                    <h1 class="font-DanaDemiBold text-gray-700 dark:text-gray-300 text-2xl mt-2">
                        در علاقه مندی شما چیزی وجود ندارد
                    </h1>
                </section>
            @else
                <div class="row mt-30">
                    @foreach($items as $item)
                        <div class="col-md-6 col-lg-4">
                            <div class="hotel-item">
                                <div class="hotel-img">
                                    <img src="{{ $item['image'] ?? 'assets/img/hotel/01.jpg' }}" alt="{{ $item['title'] }}">
                                    <a href="{{ route('favorites.toggle', ['type' => $item['favoritable_type'], 'id' => $item['favoritable_id']]) }}"
                                       class="add-wishlist">
                                        <i class="fas fa-heart"></i>
                                    </a>
                                </div>
                                <div class="hotel-content">
                                    <h4 class="hotel-title"><a href="#">{{ $item['title'] }}</a></h4>
                                    <p><i class="far fa-location-dot"></i> {{ $item['subtitle'] }}</p>

                                    <div class="hotel-bottom">
                                        @if($item['price'])
                                            <div class="hotel-price">
                                                <span class="hotel-price-amount">
                                                    {{ $item['price'] }}
                                                </span>
                                            </div>
                                        @endif
                                        @if($item['favoritable_type'] == 'tour')
                                                <div class="hotel-text-btn">
                                                    <a href="{{route('tour.show' , $item['favoritable_id'])}}">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                                </div>
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@endsection