@extends('layouts.app')

@section('content')

    <div class="theme-page-section theme-page-section-lg">
        <div class="container">

            <div class="row">

                {{-- Sidebar --}}
                <div class="col-md-3">
                    <div class="theme-account-sidebar">

                        <div class="theme-account-sidebar-header">
                            <div class="theme-account-sidebar-user">
                                <div class="theme-account-sidebar-user-icon">
                                    <i class="fa fa-user-circle-o"></i>
                                </div>

                                <div class="theme-account-sidebar-user-name">
                                    {{getUserFullName()}}
                                 </div>

                                <div class="theme-account-sidebar-user-email">
                                    {{ auth()->user()->email }}
                                </div>
                            </div>
                        </div>

                        <ul class="theme-account-sidebar-menu">

                            <li>
                                <a href="{{ route('users.profile.edit') }}">
                                    <i class="fa fa-user"></i>
                                    پروفایل من
                                </a>
                            </li>

                            <li class="active">
                                <a href="{{ route('users.favorite.index') }}">
                                    <i class="fa fa-heart"></i>
                                    علاقه‌مندی‌ها
                                </a>
                            </li>

                            <li>
                                <form
                                    action="{{ route('auth.logout.index') }}"
                                    method="POST"
                                >
                                    @csrf

                                    <button type="submit">
                                        <i class="fa fa-sign-out"></i>
                                        خروج
                                    </button>
                                </form>
                            </li>

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


                {{-- Content --}}
                <div class="col-md-9">

                    <div class="theme-account">

                        <div class="theme-account-header">
                            <h1 class="theme-account-title">
                                علاقه‌مندی‌های من
                            </h1>

                            <p class="theme-account-subtitle">
                                تورهایی که به علاقه‌مندی‌های خود اضافه کرده‌اید
                            </p>
                        </div>


                        {{-- Success Message --}}
                        @if(session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif


                        {{-- Favorites --}}
                        @if($favorites->count())

                            <div class="row" data-gutter="20">

                                @foreach($favorites as $favorite)

                                    @if($favorite->favoritable)

                                        @if($favorite->favoritable_type == 'App\Models\Tour')

                                            <div class="card mb-3 p-3">

                                                <h3>
                                                    {{ $favorite->favoritable->title }}
                                                </h3>

                                                <img width="200"
                                                     src="{{ asset($favorite->favoritable->image) }}">

                                            </div>


                                        @elseif($favorite->favoritable_type == 'App\Models\Flight')

                                            <div class="card mb-3 p-3">

                                                <h3>
                                                    {{ $favorite->favoritable->airline }}
                                                </h3>

                                                <img width="200"
                                                     src="{{ asset($favorite->favoritable->image) }}">

                                            </div>

                                        @endif

                                    @endif

                                @endforeach
                            </div>

                        @else

                            <div class="theme-account-box">

                                <div class="theme-account-box-icon">
                                    <i class="fa fa-heart-o"></i>
                                </div>

                                <h3>
                                    لیست علاقه‌مندی‌های شما خالی است
                                </h3>

                                <p>
                                    هنوز هیچ توری را به علاقه‌مندی‌های خود اضافه نکرده‌اید.
                                </p>

                                <a
                                    href="{{ route('index') }}"
                                    class="btn btn-primary"
                                >
                                    مشاهده تورها
                                </a>

                            </div>

                        @endif

                    </div>

                </div>

            </div>

        </div>
    </div>

@endsection