@if (!empty($aquars))
    @foreach ($aquars as $aquar)
        <div id="tab-aquar-2" class="">
            <div class="card card-department round-border mb-3 p-lg-3 p-2">
                <div class="row g-0">
                    <div class="col-lg-4 position-relative">

                        <div class="">
                            @if (!empty($aquar->main_image))
                            {{-- @php $imag = explode(',',$aquar->images); @endphp --}}
                                {{-- @foreach (explode(',', $aquar->images) as $img)             --}}
                                    <div style="">
                                       @if (!empty(auth()->user()))
                                                    <span class="department-like">
                                                        <a class="favouritess" id="favouritess{{ $aquar->id }}"
                                                            data-id="{{ $aquar->id }}"><i
                                                                class=" @if (count(
                                                                        \App\Models\AquarUser::where('aqar_id', '=', $aquar->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{{ $aquar->id }}"
                                                            data-id="{{ $aquar->id }}"><i class="far fa-heart "></i></a>
                                                    </span>
                                        @endif

                                         <img loading="lazy"
                                            src="{{ $aquar->main_image  }}"                      
                                            class="department-img-list of-cover" alt="image 1" /> 
                                            
                                            
                                    </div>
                                {{-- @endforeach --}}
                            @else
                                <div>
                                    @if (!empty(auth()->user()))
                                        <span class="department-like">
                                            <a class="favouritess"
                                                id="favouritess{{ $aquar->id }}"
                                                data-id="{{ $aquar->id }}"><i
                                                    class=" @if (count(
                                                            \App\Models\AquarUser::where('aqar_id', '=', $aquar->id)->where('user_id', '=', auth()->user()->id)->get()) > 0) fas @else far @endif far fa-heart "></i></a>
                                        </span>
                                    @endif

                                    <img loading="lazy"
                                        src="{{ FRONTASSETS }}/images/department-1.svg"
                                        class="department-img-list of-cover" alt="image 1" />
                                </div>
                                <div>
                                    <span class="department-like">
                                        @if (!empty(auth()->user()))
                                            <a class="favouritess"
                                                id="favouritess{{ $aquar->id }}"
                                                data-id="{{ $aquar->id }}"><i
                                                    class=" @if (count(
                                                            \App\Models\AquarUser::where('aqar_id', '=', $aquar->id)->where('user_id', '=', auth()->user()->id)->get()) > 0) fas @else far @endif far fa-heart "></i></a>
                                        @endif
                                    </span>
                                    <img loading="lazy"
                                        src="{{ FRONTASSETS }}/images/department-2.svg"
                                        class="department-img-list of-cover" alt="image 1" />
                                </div>
                            @endif
                        
                        </div>
                        {{-- <div class="owl-carousel owl-theme department-img-carousel">
                            @if (!empty($aquar->images))
                            
                            {{dd("ss")}}

                                @foreach (explode(',', $aquar->images) as $img)

                                <p style="display: block !important;">{{$img}}</p>
                                    <div id="images-container" style="display: block !important;">
                                        <span class="department-like">
                                            <a class="favouritess"><i class="far fa-heart"></i></a>
                                        </span>
                                        <img src="{{ $img }}"
                                            class="department-img-list of-cover" alt="image 1" />
                                    </div>
                                @endforeach
                            @else
                                <div>
                                    <span class="department-like">
                                        <a class="favouritess"><i class="far fa-heart"></i></a>
                                    </span>
                                    <img loading="lazy" src="{{ FRONTASSETS }}/images/department-1.svg"
                                        class="department-img-list of-cover" alt="image 1" />
                                </div>
                                <div>
                                    <span class="department-like">
                                        <a class="favouritess"><i class="far fa-heart"></i></a>
                                    </span>
                                    <img loading="lazy" src="{{ FRONTASSETS }}/images/department-2.svg"
                                        class="department-img-list of-cover" alt="image 1" />
                                </div>
                                <div>
                                    <span class="department-like">
                                        <a class="favouritess"><i class="far fa-heart"></i></a>
                                    </span>
                                    <img loading="lazy" src="{{ FRONTASSETS }}/images/department-3.svg"
                                        class="department-img-list of-cover" alt="image 1" />
                                </div>
                            @endif

                        </div> --}}
                    </div>
                    <div class="col-lg-8">
                        <div class="card-body position-relative">
                            <div class="row justify-content-lg-between align-items-center mb-3 small">
                                <div class="col-lg-4 mb-lg-0 mb-3">
                                    <div class="text-main number-ads">
                                        @lang('site.id number')({{ $aquar->id }})
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class="d-flex justify-content-lg-end align-items-center">
                                        <div class="department-badge bg-main text-white">
                                            <span> {{ round($aquar->aqarReview2()) }}</span>
                                            <span>
                                                <i class="fas fa-star"></i>
                                            </span>
                                        </div>
                                        <div class="number-ads gray-txt">
                                            @lang('site.comments')

                                            {{ $aquar->aqarComment->count() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <h2 class="card-title mb-2">
                                {!! strip_tags(html_entity_decode($aquar->name ?? '')) !!}
                            </h2>

                            <div class="gray-txt number-ads">
                                <i class="far fa-map-marker-alt"></i>
                                <span> {{ $aquar->country->name ?? '' }} , {{ $aquar->city->name ?? '' }}</span>
                                <span> {!! strip_tags(html_entity_decode($aquar->address ?? '')) !!} </span>
                            </div>
                            <div class="py-3">
                                <defs>
                                    <clipPath id="clip0_421_12633">
                                        <rect width="24" height="24" fill="white" />
                                    </clipPath>
                                </defs></svg>
                                <span class="text-main position-department">
                                    {!! strip_tags(html_entity_decode($aquar->description ?? '')) !!}
                                    {{-- {!! html_entity_decode(substr($aquar->description, 0, 125)) !!}
 --}}
                                </span>
                            </div>

                            <div class="d-lg-flex align-items-center justify-content-lg-between mt-2">
                                <div class="department-price">
                                    <span class="text-gray-2">@lang('site.price'):</span>
                                    <span class="fw-bold text-main"> {{ $aquar->fixed_price ? $aquar->fixed_price . ' ' . ($aqar->country->currency_ar ?? '') : '' }}
                                    </span>
                                </div>
                                <div class="details-btn d-flex align-items-center justify-content-center mt-lg-0 mt-3">
                                    <a href="{{ route('detailaquar', $aquar->id) }}">@lang('site.details')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
    @endforeach
@endif
@if ((count($aquars) == 0) || (empty($aquars)) )
    <div class="no-result">
        <p>@lang('site.no_search_result')</p>
    </div>
@endif




@if ($aquars->hasPages())
{{-- @php
    $links = [];
            for ($page = 1; $page <= $aquars->lastPage(); $page++) {
              $links[$page] = url('/ar/dashboard/SearchplacesDashboard?'.$q.'page='.$page);
            }
@endphp --}}
    <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">
                    {{-- @php
                    $links = [];
                        for ($page = 1; $page <= $aquars->lastPage(); $page++) {
                        $links[$page] = url('Request::fullUrl()'.'page='.$page);
                      }
                    @endphp --}}
                    
                    {{ $aquars->links() }}
                    {{-- {{ .'page'}} --}}
                </li>

            </ul>
        </nav>
    </div>
@else
    <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">
                  
                    {{ $aquars->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('favouritAqar') }}" + '/' + 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>