@if ($listings->count() > 0)
    @foreach ($listings as $data)
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
            <div class="Rego-grid-wrap">
                <div class="Rego-grid-upper">
                    <div class="Rego-bookmark-btn">
                        <button type="button" class="wishList" data-listing="" data-user="">
                            <i class="lni lni-heart position-absolute"></i>
                        </button>
                    </div>
                    <div class="Rego-grid-thumb">
                        <a href="{{ route('front.listing.details', ['formResponseId' => $data->form_response_id, 'formId' => $data->form_id]) }}" class="d-block text-center m-auto">
                            <img src="{{ asset('/project/assets/images/listing/'.$data->image) }}" class="img-fluid" alt="Profile Image" />
                        </a>
                    </div>
                </div>
                <div class="Rego-grid-fl-wrap">
                    <div class="Rego-caption px-3 py-2">
                        <div class="Rego-author">
                            <a href="">
                                <img src="{{ asset('/project/assets/images/listing/profile/'.$data->profile) }}" class="img-fluid circle" alt="">
                            </a>
                        </div>
                        <div class="Rego-cates"><a href="{{ route('front.listing',['category' => $data->category_slug]) }}">{{ $data->category_name }}</a></div>
                        <h4 class="mb-0 ft-medium medium"><a href="{{ route('front.listing.details', ['formResponseId' => $data->form_response_id, 'formId' => $data->form_id]) }}" class="text-dark fs-md">{{ $data->firstname }} {{ $data->lastname }}<span class="verified-badge"><i class="fas fa-check-circle"></i></span></a></h4>
                        <div class="Rego-middle-caption mt-3">
                            <div class="Rego-location"><i class="fas fa-map-marker-alt"></i>{{ $data->address }}</div>
                            <div class="Rego-call"><i class="fas fa-phone-alt"></i>{{ $data->mobile }}</div>
                        </div>
                    </div>
                    <div class="Rego-grid-footer py-3 px-3">
                        <div class="Rego-ft-first">
                        </div>
                        <div class="Rego-ft-last">
                            <span class="small">{{\Carbon\Carbon::parse($data->created_at)->diffForHumans() }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@else
    <div class="col-lg-12 col-md-12">
        <h5 class="text-center">@lang('No Directory Found!')</h5>
    </div>
@endif

<div class="row">
    <div class="col-12 d-flex flex-column flex-md-row justify-content-between align-items-center">
        
        {{-- Laravel default pagination --}}
        @if($listings->hasPages())
            <div class="mb-2 mb-md-0">
                {{ $listings->links() }}
            </div>
		 {{-- Go to page --}}
        <form action="{{ request()->url() }}" method="GET" 
              class="d-flex align-items-center gap-2" 
              style="max-width: 250px; width: 100%;">
            
            <input type="number" 
                   name="page" 
                   class="form-control form-control-sm" 
                   placeholder="Page #" 
                   min="1" 
                   max="{{ $listings->lastPage() }}">

            <button type="submit" class="btn btn-sm theme-bg text-light px-3">
                Go
            </button>

            {{-- Keep other query parameters --}}
            @foreach(request()->except('page') as $key => $val)
				@if(is_array($val))
					@foreach($val as $innerVal)
						<input type="hidden" name="{{ $key }}[]" value="{{ $innerVal }}">
					@endforeach
				@else
					<input type="hidden" name="{{ $key }}" value="{{ $val }}">
				@endif
            @endforeach
        </form>
        @endif

       
    </div>
</div>