@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="#" 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_name]) }}">{{ $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-lg-12 col-md-12 col-sm-12">
        @if($listings->hasPages())
            {{ $listings->links() }}
        @endif
    </div>
</div>