{{-- This file shows each property request made by user (buyer or buyer-seller ) has/have --}}
<div class="tab-pane fade" id="projects" role="tabpanel">
    {{--    @dd($propertyRequests)--}}
    <div class="card">
        <div class="d-flex justify-content-start m-3">
            <a href="{{ route('requests.create') }}" class="btn btn-primary mb-3">Add New Request</a>
        </div>
        <div class="card-body">
            <div class="row ">
                @foreach($propertyRequests as $propertyRequest)
                    <div class="col-xxl-6 col-sm-6">
                        <div class="card profile-project-card shadow-none profile-project-secondary">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="flex-grow-1 text-muted overflow-hidden">
                                        <h5 class="fs-14 text-truncate"><a
                                                href="{{ route('requests.show', $propertyRequest->id) }}"
                                                class="text-body">{{ limitWords($propertyRequest->title, 15) }}</a>
                                        </h5>
                                        <p class="text-muted text-truncate mb-0">Last Update: <span
                                                class="fw-semibold text-body">{{ $propertyRequest->updated_at->format('F j, Y') }}</span>
                                        </p>
                                    </div>
                                    <div class="d-flex flex-column">
                                        <a href="{{ route('requests.edit', $propertyRequest->id) }}"
                                                class="btn btn-primary waves-effect waves-light fs-10 mb-2"><i
                                                class="bx bx-edit"></i></a>

                                        <div
                                            class="d-flex justify-content-center row bg-warning-subtle text-warning fs-10">
                                            Inprogress
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex mt-4">
                                    <div class="flex-grow-1">
                                        <div class="d-flex flex-column align-items-start gap-2">
                                            <div class="row">
                                                <h5 class="fs-12 text-muted">City:
                                                    <span>{{ $propertyRequest->city }}</span></h5>
                                            </div>
                                            <div class="row">
                                                <h5 class="fs-12 text-muted mb-0">Category:
                                                    <span>{{ $propertyRequest->category }}</span></h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="flex-grow-1">
                                        <div class="d-flex flex-column align-items-end gap-2">
                                            <div class="row">
                                                <h5 class="fs-12 text-muted">Layout:
                                                    <span>{{ $propertyRequest->layout }}</span></h5>
                                            </div>
                                            <div class="row">
                                                <h5 class="fs-12 text-muted mb-0">Type:
                                                    <span>{{ $propertyRequest->type }}</span></h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- end card body -->
                        </div>
                        <!-- end card -->
                    </div>
                    <!--end col-->
                @endforeach
                <div class="col-lg-12">
                    <div class="mt-4">
                        <div class="d-flex justify-content-center mb-0">
                            {{ $propertyRequests->links() }}
                        </div>
                    </div>
                </div>
            </div>
            <!--end row-->
        </div>
        <!--end card-body-->
    </div>
    <!--end card-->
</div>