@extends('front.layouts.master')

@section('content')

<main class="main">

    <!-- breadcrumb -->

    <!-- car single -->
    <div class="car-item-single bg py-120">
        <div class="container">
            <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-slider">
                                    <div class="item-gallery">
                                        <div class="flexslider-thumbnails">
                                            <ul class="slides">
                                                <img src="{{ $show_ad->getFirstMediaUrl('ads') }}" alt="ads"
                                                  >
                                            </ul>

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

                            </div>
                            @if($show_ad->media()->count() > 0)
                            <div class="row">
                                @foreach($show_ad->media as $media)
                                <div class="col-md-3">
                                    <img src="{{ $media->getUrl() }}" alt="Ad Image" class="img-fluid mb-2"
                                        style="height: 100px" />
                                </div>
                                @endforeach
                            </div>
                            @endif

                            <div class="car-single-widget">
                                <div class="car-single-overview">
                                    <h4 class="mb-3"> {{TranslationHelper::translate('details' ,'site' )}} </h4>
                                    <div class="mb-4">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span> Category :</span>
                                                        <span> {{ $show_ad->category->name }} </span>
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">
                                                        <i class="fas fa-gas-pump"></i>
                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span> {{TranslationHelper::translate('fuel_type' ,'site' )}}
                                                            :</span>
                                                        <span> {{TranslationHelper::translate(Str::replace('_' , ' '
                                                            ,$car->fuel_type) ,'site' )}} </span>
                                                    </div>
                                                </div>
                                            </div> --}}
                                            {{-- <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">
                                                        <i class="fas fa-tachometer-alt"></i>
                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span> {{TranslationHelper::translate('drive_type' ,'site' )}}
                                                            :</span>
                                                        <span> {{TranslationHelper::translate(Str::replace('_' , ' '
                                                            ,$car->drive_type) ,'site' )}} </span>
                                                    </div>
                                                </div>
                                            </div> --}}

                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>subCategory :</span>
                                                        <span> {{ $show_ad->subCategory->name }} </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>price :</span>
                                                        <span> {{ $show_ad->price }} </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>Type :</span>
                                                        <span> {{ $show_ad->AdType }} </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>city :</span>
                                                        <span> {{ $show_ad->city->name}} </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>region :</span>
                                                        <span> {{ $show_ad->region->name }} </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="car-key-item">
                                                    <div class="car-key-icon">

                                                    </div>
                                                    <div class="car-key-content d-flex align-items-center">
                                                        <span>location :</span>
                                                        <span>{{ $show_ad->location }}</span>
                                                    </div>
                                                </div>
                                            </div>




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

                            @if ($show_ad->description)
                            <div class="car-single-widget">
                                <div class="car-single-overview">
                                    <h4 class="mb-3"> {{TranslationHelper::translate('description' ,'site' )}} </h4>
                                    <div class="mb-4">
                                        <p> {{ $show_ad->description }} </p>
                                    </div>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                    <div class="col-lg-4">

                        <div class="car-single-widget custom">


                            <br>
                            <div class="car-single-author">

                                <div class="car-single-author-content">
                                    <h5>Added By : {{$show_ad->user->name}}</h5>
                                </div>
                            </div>
                            <hr>


                        </div>
                        <div class="car-single-widget">
                            @if(auth('end-user')->check() )
                            @if ($show_ad->phone)
                            <a href="tel:{{ $show_ad->phone }}" class="theme-btn theme-btn2 call_btn "
                                target="_blank"><span class="far fa-phone"></span>
                            </a>
                        @endif

                        @if ($show_ad->whatsapp)
                            <a href="https://wa.me/{{ $show_ad->whatsapp }} " class="theme-btn chat_btn "
                                target="_blank"><span class="fa-brands fa-whatsapp"></span>
                            </a>
                        @endif
                        @if ($ad->email)
                        <a href="mailto:{{ $ad->email }}" class="theme-btn chat_btn " target="_blank"><span
                            class="fa-solid fa-envelope"></span>
                        </a>
                        @endif
                            @else
                            <p>Data appears when you log in</p>
                            @endif
                        </div>
                    </div>
                </div>



            </div>

        </div>
    </div>
    </div>
    <!-- car single end -->

</main>

@endsection

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

@push('scripts')
<script src="{{ asset('end-user/assets/js/flex-slider.js') }}"></script>
@endpush