@extends('auth.layouts.app')
@section('title', __('titles.favourites'))
@section('content')
    <div class="container py-5">
        @if ($result['counts'] > 0)
            <div class="row">
                @foreach ($result['items'] as $favorite)
                    <div class="col-md-4 mb-4">
                        <div class="listing-style1">
                            <div class="list-thumb">
                                <img class="w-100" src="{{ $favorite->car->imagePath  }}" alt="{{ $favorite->car->title }}">
                                <div class="list-tag fz12">
                                    @if ($favorite->car->featured)
                                        <span class="flaticon-electricity me-2"></span>@lang('titles.FEATURED')
                                    @endif
                                </div>
                                <div class="list-tag2 fz12">
                                    @if ($favorite->car->sponsored)
                                        @lang('titles.sponsored')
                                    @else
                                        {{ $favorite->car->type->title ?? '' }}
                                    @endif
                                </div>
                                <div class="list-price">{{ $favorite->car->price }} <span>@lang('titles.currency')</span></div>
                            </div>
                            <div class="list-content">
                                <h6 class="list-title">
                                    <a
                                        href="{{ route('website.cars.show', [
                                            'locale' => app()->getLocale(),
                                            'code' => $favorite->car->code,
                                            'slug' => $favorite->car->slug,
                                        ]) }}">
                                        {{ $favorite->car->title }}
                                    </a>
                                </h6>
                                <p class="list-text">{{ $favorite->car->address }}</p>
                                <div class="list-meta d-flex align-items-center">
                                    {{ $favorite->car->brand->title }}
                                    {{ $favorite->car->model->title }}
                                    {{ $favorite->car->year->title }}
                                </div>
                                <hr class="mt-2 mb-2">
                                <div class="list-meta2 d-flex justify-content-between align-items-center">
                                    <span class="for-what">{{ $favorite->car->type->title ?? '' }}</span>
                                    <div class="icons d-flex align-items-center">
                                        <a
                                            href="{{ route('website.cars.show', [
                                                'locale' => app()->getLocale(),
                                                'code' => $favorite->car->code,
                                                'slug' => $favorite->car->slug,
                                            ]) }}">
                                            <span class="flaticon-fullscreen"></span>
                                        </a>
                                        <a href="{{ $setting->whatsapp_link ?? '#' }}">
                                            <span class="flaticon-whatsapp"></span>
                                        </a>
                                        <a href="javascript:void(0)" class="favouriteBtn text-danger"
                                            data-car-id="{{ $favorite->car->id }}" data-is-favorite="1">
                                            <span class="flaticon-like"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <div class="text-center py-5">
                <div class="empty-state">
                    <i class="fas fa-heart fa-4x text-muted mb-3"></i>
                    <h3>{{ __('attributes.no_favorites') }}</h3>
                    <p class="text-muted">{{ __('attributes.no_favorites_description') }}</p>
                    <a href="{{ route('website.cars.index', ['locale' => app()->getLocale()]) }}"
                        class="btn btn-gold mt-3">
                        {{ __('attributes.browse_cars') }}
                    </a>
                </div>
            </div>
        @endif
    </div>
@endsection