@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>{{ TranslationHelper::translate('My Ads', 'site')
                                }}</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>

            <div class="user-profile py-120">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3">
                            @include('end-user.layouts.profile_sidebar')
                        </div>

                        <div class="col-lg-9">
                            <div class="user-profile-wrapper">
                                <div class="user-profile-card profile-favorite">
                                    <h4 class="user-profile-card-title">{{ TranslationHelper::translate('My Ads',
                                        'site') }}</h4>
                                    <div class="row" id="cars-list">
                                        @if ($adss->count() >0)
                                        @foreach ($adss as $ad)
                                        <div class="col-md-6 col-lg-4">
                                            <div class="car-item wow fadeInUp" data-wow-delay=".25s">

                                                <div class="car-img">

                                                    <span class="car-status status-2"> {{TranslationHelper::translate(
                                                        $ad->AdType ,'site' )}}</span>
                                                    <span>
                                                        <a href="{{ route('site.show_detiles_ad',[ 'id' => $ad->id]) }}"
                                                            style="display: block">
                                                            @if ($ad->getFirstMediaUrl('ads') != null)

                                                            <img src="{{ $ad->getFirstMediaUrl('ads') }}" alt="ads">

                                                            @else
                                                            @if ($ad->images->count() > 0)
                                                            <img src="https://images.bkamthis.com/{{ $ad->images->first()->filename }}" alt="ads" >
                                                            @endif



                                                            @endif
                                                        </a>
                                                    </span>
                                                    <div class="car-btns">
                                                        <a href="{{ route('site.ad.edit', [ 'id' => $ad->id]) }}"><i
                                                                class="far fa-edit"></i></a>

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

                                                       <span class="car-price">{{
                                                            number_format($ad->price,0,'.',',') }} {{ $currency }}</span>
                                                        <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">
                                                        @if ($ad->is_approved == 1)

                                                        @if ($ad->is_pause == 0)
                                                        <a href="{{ route('site.ad.paused', [ 'id' => $ad->id]) }}"
                                                            class="theme-btn theme-btn2"><span
                                                                class="far fa-pause-circle"></span>{{
                                                            TranslationHelper::translate('Pause', 'site') }}
                                                        </a>

                                                        @else
                                                        <a href="{{ route('site.ad.paused', [ 'id' => $ad->id]) }}"
                                                            class="theme-btn theme-btn2"><span
                                                                class="far fa-play-circle"></span>{{
                                                            TranslationHelper::translate('UnPause', 'site') }}
                                                        </a>

                                                        @endif
                                                        <a href="{{ route('site.destroy.ad' , [ 'id' => $ad->id]) }}"
                                                            class="theme-btn theme-btn2"><span
                                                                class="far fa-trash"></span>{{
                                                            TranslationHelper::translate('Delete', 'site') }}
                                                        </a>
                                                        @else
                                                        <button class="btn btn-danger theme-btn2" disabled> {{
                                                            TranslationHelper::translate('Pending', 'site') }}</button>
                                                        @endif

                                                    </div>

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

                                        @endforeach
                                        @else
                                        <div class="alert alert-danger">

                                            <h3 class="text-center"> {{ TranslationHelper::translate('No Ads Found',
                                                'site') }}</h3>

                                        </div>
                                        @endif
                                    </div>

                                    <div class="pagination-area">
                                        <div aria-label="Page navigation example">
                                            <ul class="pagination my-3">
                                        {{ $adss->links() }}
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>


</main>


@endsection