{{-- {{ dd($car) }} --}}
    @if(!empty($cars))
        @foreach($cars as $car )
            @if ($car->ads_status_id  != 3)
                {{-- @php
                    $cr = App\Models\Car::find($car->id);
                @endphp --}}
                <div class="card card-department round-border mb-3 p-md-3 p-2">
                    <div class="row g-0">
                        <div class="col-md-4 position-relative">
                            <div class=" owl-theme department-img-carousel" >
                                @if(!empty($car->main_image_ads))
                                {{-- @php $imag = explode(',',$cr->images); @endphp --}}
                                {{-- @foreach($imag  as $img)                               --}}
                                <div class="city-item">
                                    {{-- <span class="department-like">
                                        <a class="favouritess" id="favouritess{{ $car->id }}" data-id="{{ $car->id }}"><i class="far fa-heart"></i></a>
                                    </span> --}}
                                    

                                    @if (!empty(auth()->user()))
                                    <span class="department-like">
                                        <a class="favouritess" id="favouritess{{ $car->id }}"
                                            data-id="{{ $car->id }}"><i
                                                class=" @if (count(
                                                        \App\Models\CarUser::where('car_id', '=', $car->id)->where('user_id', '=', auth()->user()->id)->get()) > 0) fas @else far @endif  fa-heart "></i></a>
                                    </span>
                                            @else
                                                <span class="department-like">
                                                    <a class="favouritess" id="favouritess{{ $car->id }}"
                                                        data-id="{{ $car->id }}"><i class="far fa-heart "></i></a>
                                                </span>
                                    @endif

                                    {{-- <span class="department-like">
                                        <a class="favouritess" id="favouritess{{ $cr->id }}"
                                            data-id="{{ $cr->id }}">
                                            <i class=" @if (count(
                                                    \App\Models\CarUser::where('car_id', '=', $cr->id)
                                                    ->where('user_id', '=',Auth::user()->id)->get()) > 0) fas @else far @endif  fa-heart "></i></a>

                                    </span> --}}
                                        <img
                                            
                                            src="{{$car->main_image_ads}}"
                                            onerror="this.src='{{ FRONTASSETS }}/images/cars/car-card-1.png'"
                                            class="department-img-list of-cover car-image"
                                            alt="image 1"
                                        />
                                </div>
                                {{-- @endforeach --}}
                                @else
                                    <div class="city-item">
                                    <span class="department-like">
                                        <a class="favouritess"><i class="far fa-heart"></i></a>
                                    </span>
                                        <img
                                            loading="lazy"
                                            src="https://i.insider.com/562a71f9dd0895a8388b4593?width=1000&format=jpeg&auto=webp"
                                            
    
                                            class="department-img-list of-cover car-image"
                                            alt="image 1"
                                        />
                                    </div>
    
                                @endif
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="card-body card-car-body position-relative">
                                <div class="row justify-content-between align-items-center mb-3 small">
                                    <div class="col-auto mb-lg-0 mb-3">
                                    <span class="text-main number-ads"> @lang('site.id number')( {{$car->id ?? ''}})</span>
                                    </div>
                                    <div class="col-auto">
                                        <div  class="d-flex justify-content-center align-items-center">
                                            <div
                                                class="department-badge bg-main text-white">
                                                <span>{{round($car->carReview2()) ?? 0}}</span>
                                                <span>
                                                <i class="fas fa-star"></i>
                                                </span>
                                            </div>
                                            <div class="number-ads gray-txt">
                                                {{$car->carComment->count() ?? 0}} @lang('site.comments')
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <h2 class="card-title mb-2">
    
                                    <label>{{$car->name ?? ''}}</label>
                                </h2>
                                <div class="gray-txt number-ads pb-2">
                                    <span>
                                        {!! strip_tags(html_entity_decode($car->description ?? '')) !!}
                                    {{-- {!! html_entity_decode(substr($car->description, 0, 125)) !!} --}}
                                    </span>
                                </div>
                                <div class="text-gray-2 number-ads d-flex align-items-center">
                                    <div>
                                    <span class="ps-2">
                                    <i class="far fa-car-side"></i>
                                    </span>
                                        <span> @lang('site.car_numbers') {{$car->car_numbers ?? 0}}</span>
                                    </div>
                                    <div class="padding-35">
                                    </div>
                                </div>
    
                                <div
                                    class="d-flex align-items-center justify-content-between mt-3 display-block-mobile"
                                >
                                    <div class="department-price">
                                        <span class="text-gray-2"> @lang('site.price'):</span>
                                        <span class="fw-bold text-main">
                                        {{ $car->fixed_price ? $car->fixed_price . ' ' . ($car->country->currency_ar ?? '') : '' }}

                                    </span>
                                    </div>     
                                    <div class="department-price">
                                        <span  class="text-gray-2"> @lang('site.year'):</span>
                                        <span class="fw-bold text-main">
                                        {{$car->year ?? 0}}
                                    </span>
                                    </div>
                                    <div
                                        class="details-btn d-flex align-items-center justify-content-center"
                                    >
                                        <a href="{{route('detailcar',$car->id)}}"> @lang('site.details')</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

       
        @endforeach
    
    @endif
    @if(count($cars)==0)
    <div class="no-result">
        <p>@lang('site.no_search_result')</p>
    </div>
    @endif
    @if($cars->hasPages())
    <div class="card card-department round-border mb-3 p-3">
        <nav
            class="department-list-pagination d-md-flex justify-content-md-between align-items-center"
        >
            <ul
                class="pagination mb-0 justify-content-lg-start justify-content-center "
            >
                <li class="page-item">
                    {{-- <div>{{ $cars->appends(request()->query())->links()}} </div> --}}
                    {{ $cars->links() }}
                </li>

            </ul>
        </nav>
    </div>
@endif

<script>
    jQuery(document).ready(function() {
        jQuery('.favouritess').click(function(e) {
            console.log("favouritess");
            e.preventDefault();

            var id = $(this).data('id');
            console.log("iddd", id);


            jQuery.ajax({

                url: "{{ url('favouritCar') }}" + '/' + id,
                method: 'GET',
                data: {
                    '_token': '{{ csrf_token() }}',
                },
                success: function(result) {
                    console.log(result.status);
                    if (result.status == 'deleted') {
                        $(`#favouritess${id} i`).addClass('far').removeClass('fas');
                    } else if (result.status == 'added') {
                        $(`#favouritess${id} i`).addClass('fas').removeClass('far');
                    } else if (result.status == 'auth') {
                        swal({
                            title: "Warning!",
                            text: "{{ trans('site.register/ sign in first to be able to add to favorite') }}",
                            type: "warning",
                            confirmButtonText: "OK"
                        });
                        setInterval(function() {
                            Swal.close()
                        }, 2000)
                        window.location.href = '{{ route('sitelogin') }}';
                    }
                },
                error: function(err) {
                    console.log(err)
                }
            });
        });
    });
</script>