@extends('front.layouts.master')

@push('css_before')
    <link rel="stylesheet" href="{{ asset('front/assets/css/flex-slider.min.css') }}">
@endpush

@section('content')

    <main class="main">
        <!-- car single -->

        <div class="car-item-single bg py-5">
            <div class="container">
                <div class="subheadings">
                    <h3> <i class="fas fa-arrow-right"></i>
                        <a href="{{ url()->previous() }}">{{ TranslationHelper::translate('back', 'site') }}</a>
                    </h3>
                    <div class="linekdown d-flex">
                        <h6>{{ $show_ad->city->name }} /</h6>
                        <h6>{{ $show_ad->region->name }} /</h6>
                        <h6> {{ $show_ad->category->name }} /</h6>
                        <h6>{{ $show_ad->subCategory->name }} /</h6>
                        <h6>{{ $show_ad->title }}</h6>
                    </div>
                </div>



                <div class="btn-container">
                    <a href="#" class="btn share-btn"
                        onclick="share_news('{{ route('site.show_detiles_ad', ['id' => $show_ad->id]) }}'); scrollToTop();"
                        style="text-align: right; display: inline-block;">
                        <i class="fa-solid fa-arrow-up-from-bracket"></i> شارك الإعلان
                    </a>
                    @if (Auth::guard('end-user')->check() && auth('end-user')->user()->favorites()->where('ad_id', $show_ad->id)->exists())
                        <a href="#" class="btn fav-btn add-to-favorites" data-ad-id="{{ $show_ad->id }}">
                            <i class="fas fa-heart"></i> ازاله من المفضلة
                        </a>
                    @else
                        <a href="#" class="btn fav-btn add-to-favorites" data-ad-id="{{ $show_ad->id }}">
                            <i class="far fa-heart"></i> أضف إلى المفضلة
                        </a>
                    @endif




                </div>


                <div class="car-single-wrapper">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="car-single-details">
                                <div class="car-single-widget">
                                    <div class="car-single-top">
                                        {{-- @php
                                    $lang =app()->getLocale();
                                     $tanslate =new GoogleTranslate($lang);
                                @endphp --}}
                                        @if (session()->has('success'))
                                            <div class="alert alert-success">
                                                {{ session()->get('success') }}
                                            </div>
                                        @endif
                                        @if (session()->has('error'))
                                            <div class="alert alert-danger">
                                                {{ session()->get('error') }}
                                            </div>
                                        @endif

                                        <h3 class="car-single-title">{{ $show_ad->title }}</h3>
                                        <ul class="car-single-meta">
                                            <li><i class="far fa-clock"></i>
                                                {{ TranslationHelper::translate('Published On', 'site') }} :
                                                {{ $show_ad->getCreatedAt() }}</li>
                                        </ul>
                                    </div>
                                    <div class="car-single-slider">
                                        <div class="item-gallery">
                                            <div class="flexslider-thumbnails"
                                                @if (app()->getLocale() == 'ar') style="direction: ltr !important" @endif>
                                                <ul class="slides">
                                                    @if ($show_ad->media()->count() > 0)
                                                        @foreach ($show_ad->media as $media)
                                                            <li data-thumb="{{ $media->getUrl() }}">
                                                                <img src=" {{ $media->getUrl() }}" alt="Ad Image"
                                                                    sizes="100vw">
                                                            </li>
                                                        @endforeach
                                                    @else
                                                        @foreach ($show_ad->images as $iamge)
                                                            <li
                                                                data-thumb="https://images.bkamthis.com/{{ $iamge->filename }}">
                                                                <img src="https://images.bkamthis.com/{{ $iamge->filename }}"
                                                                    alt="Ad Image" sizes="100vw">
                                                            </li>
                                                        @endforeach
                                                    @endif
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="car-single-widget">
                                    <div class="car-single-overview">
                                        <h4 class="mb-3">{{ TranslationHelper::translate('detiles', 'site') }}</h4>
                                        <div class="mb-4">


                                            @foreach ($show_ad->adAttributes as $attribute)
                                                <p class="mt-2">{{ $attribute->Attribute->name }} :
                                                    {{ $attribute->option->options }}</p>
                                            @endforeach




                                        </div>

                                    </div>
                                </div>
                                <div class="car-single-widget">
                                    <div class="car-single-overview">
                                        <h4 class="mb-3">{{ TranslationHelper::translate('Description', 'site') }}</h4>
                                        <div class="mb-4">

                                            <p class="mt-2">{{ $show_ad->description }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="car-single-widget">
                                    <div class="car-single-overview">
                                        <h4 class="mb-4">{{ TranslationHelper::translate('Location', 'site') }}</h4>
                                        <div class="car-single-map">
                                            <div class="contact-map">
                                                <a href="https://maps.google.com/maps?q={{ $show_ad->location }}"
                                                    target="_blank">{{ $show_ad->location }}</a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="car-single-widget">
                                <span class="car-price">{{ number_format($show_ad->price, 0, '.', ',') }}
                                    {{ $currency }}</span>
                                <ul class="car-single-meta">
                                    <li><i class="far fa-location-dot"></i> {{ $show_ad->city->name }}</li>
                                </ul>
                            </div>
                            <div class="car-single-widget">
                                <div class="car-single-author">
                                    <img src="{{ $show_ad->user?->stores && $show_ad->user->hasActiveStore() ? $show_ad->user->stores->getLogo() : $show_ad->user->getLogo() }}"
                                        alt="">
                                    <div class="car-single-author-content">
                                        <h5>{{ $show_ad->user?->stores && $show_ad->user->hasActiveStore() ? $show_ad->user->stores->name : $show_ad->user?->name }}
                                            @if ($show_ad->user?->stores && $show_ad->user->hasActiveStore())
                                                <i class="fa-solid fa-circle-check" style="color: rgb(255, 99, 28);"></i>
                                            @endif
                                        </h5>

                                    </div>
                                </div>
                            </div>
                            <div class="car-single-widget">
                                <h5 class="mb-3">{{ TranslationHelper::translate('Contact Details', 'site') }}</h5>
                                <div class="car-single-form">
                                    <div class="row">
                                        @if (auth('end-user')->check())
                                            <div class="col-xxl-6 col-lg-6 col-md-12 col-12 px-1">
                                                @if ($show_ad->user?->stores && $show_ad->user->hasActiveStore())
                                                    <a href="tel:{{ $show_ad->user->stores->phone }}"
                                                        class="theme-btn theme-btn2 call_btn w-100"
                                                        style="border-radius: 5px" target="_blank"><span
                                                            class="far fa-phone"></span>
                                                    </a>
                                                @else
                                                    <a href="tel:{{ $show_ad->phone }}"
                                                        class="theme-btn theme-btn2 call_btn w-100"
                                                        style="border-radius: 5px" target="_blank"><span
                                                            class="far fa-phone"></span>
                                                    </a>
                                                @endif
                                            </div>

                                            <div class="col-xxl-6 col-lg-6 col-md-12 col-12 px-1">
                                                @if ($show_ad->user?->stores && $show_ad->user->hasActiveStore())
                                                    <a href="https://wa.me/{{ $show_ad->user->stores->whatsapp }}"
                                                        class="theme-btn chat_btn w-100" style="border-radius: 5px"
                                                        target="_blank"><span class="fa-brands fa-whatsapp"></span>
                                                    </a>
                                                @else
                                                    <a href="https://wa.me/{{ $show_ad->whatsapp }}"
                                                        class="theme-btn chat_btn w-100" style="border-radius: 5px"
                                                        target="_blank"><span class="fa-brands fa-whatsapp"></span>
                                                    </a>
                                                @endif
                                            </div>
                                            <div class="col-xxl-6 col-lg-6 col-md-12 col-12 px-1">
                                                @if ($show_ad->email)
                                                    <a href="mailto:{{ $show_ad->email }}"
                                                        class="theme-btn chat_btn w-100"><span
                                                            class="fa-solid fa-envelope"></span>
                                                    </a>
                                                @endif
                                            </div>
                                        @else