@extends('front.layouts.master')

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

        <div class="car-area bg py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center mb-4">
                            <h2 class="site-title site-title_custom"><span>Featured Ads</span></h2>
                            <div class="heading-divider"></div>
                        </div>
                    </div>
                </div>
                    <div class="row mb-4">

                        @foreach ($Featured_ads as $ad)
                            <div class="col-md-6 col-lg-4 col-xl-3">
                                <div class="car-item wow fadeInUp" data-wow-delay=".25s">
                                    <div class="car-img">
                                        <span class="car-status status-2">{{ $ad->AdType }}</span>
                                        <span>
                                            @if ($ad->getFirstMediaUrl('ads') != null)
                                                <img src="{{ $ad->getFirstMediaUrl('ads') }}" alt="ads"
                                                    class="w-20% h-20%">
                                            @endif
                                        </span>
                                        <div class="car-btns">
                                            <a href="#" class="add-to-favorites" data-ad-id="{{ $ad->id }}"><i class="far fa-heart"></i></a>

                                        </div>
                                    </div>
                                    <div class="car-content">
                                        <div class="car-top">

                                            @if(app()->getLocale() == 'ar') <span class="car-price">{{intval($ad->price)
                                                }}د.أ</span> @endif

                                            @if(app()->getLocale() == 'en') <span class="car-price">{{ $ad->price }}
                                                AED</span> @endif
                                            <h4><a href="{{ route('site.show_detiles_ad', [ 'id' => $ad->id]) }}">{{ $ad->title }}</a>
                                            </h4>

                                        </div>

                                        <ul class="car-list">
                                            <li> <i class="far fa-tag"> </i> {{ $ad->category->name }} </li>

                                            <li><i class="far fa-location-dot"></i>{{ $ad->city->name }}</li>

                                        </ul>
                                        <div class="car-footer">

                                            @guest('end-user')
                                            @if ($ad->phone)
                                                <a href="#" class="theme-btn theme-btn2 call_btn "
                                                    target="_blank"><span class="far fa-phone"></span>Call
                                                </a>
                                            @endif

                                            @if ($ad->whatsapp)
                                                <a href="#" class="theme-btn chat_btn " target="_blank"><span
                                                        class="fa-brands fa-whatsapp"></span>Whatsapp
                                                </a>
                                            @endif
                                             @endguest
                                            @auth('end-user')
                                            @if ($ad->phone)
                                                <a href="tel:{{ $ad->phone }}" class="theme-btn theme-btn2 call_btn "
                                                    target="_blank"><span class="far fa-phone"></span>Call
                                                </a>
                                            @endif

                                            @if ($ad->whatsapp)
                                                <a href="https://wa.me/{{ $ad->whatsapp }} " class="theme-btn chat_btn "
                                                    target="_blank"><span class="fa-brands fa-whatsapp"></span>Whatsapp
                                                </a>
                                            @endif

                                            @endauth


                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach


                    </div>

            </div>

        </div>


    </main>
@endsection