{{-- <link href="{{ url('assets_lp/fonts/inter/inter.css') }}" rel="stylesheet" type="text/css">
<link href="{{ url('assets_lp/icons/phosphor/styles.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ url('assets_lp/css/ltr/all.min.css') }}" id="stylesheet" rel="stylesheet" type="text/css"> --}}



<div class="container mt-60">
    <div class="row">
        @foreach ($data as $d)
            <div class="col-lg-4 col-md-6 col-12" style="padding-bottom: 3%">
                <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                    <div class="shop-image position-relative overflow-hidden shadow">
                        @if ($d->gambar != null)
                            <img src="{{ asset('storage/images/perumahan/'.$d->id_perumahan.'/'.$d->gambar) }}" class="img-fluid" alt=""
                                style="height: 255.41px;">
                        @else
                            <img src="https://i.pinimg.com/736x/ab/bf/de/abbfdee19c23f97a83b72efe6a97f955.jpg"
                                class="img-fluid" alt="" style="max-height: 400px;">
                        @endif
                        <ul class="list-unstyled shop-icons">
                            <li class="list-inline-item"><a href="javascript:void(0)"
                                    class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                            <li class="list-inline-item"><a href="javascript:void(0)"
                                    class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                            <li class="list-inline-item"><a href="javascript:void(0)"
                                    class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                        </ul>
                    </div>
                    <div class="card-body content p-4">
                        <a href="" class="text-dark product-name h4 ">{{ $d->perumahan }}</a>
                        <hr>
                        <a href="" class="text-dark product-name h6">{{ $d->alamat_perumahan }}</a>
                        {{-- <ul class="list-unstyled mt-3 py-3 border-top border-bottom d-flex align-items-center">
                            <li class="d-flex align-items-center me-3">
                                <i class="uil uil-compress-arrows fs-5 me-1 text-primary"></i>
                                <span class="text-muted">8000sqf</span>
                            </li>

                            <li class="d-flex align-items-center me-3">
                                <i class="uil uil-bed-double fs-5 me-1 text-primary"></i>
                                <span class="text-muted">4 Beds</span>
                            </li>

                            <li class="d-flex align-items-center">
                                <i class="uil uil-bath fs-5 me-1 text-primary"></i>
                                <span class="text-muted">4 Baths</span>
                            </li>
                        </ul> --}}
                        <ul class="list-unstyled d-flex justify-content-between mt-2 mb-0">
                            <li class="list-inline-item mb-0">
                                <span class="text-muted">Pengembang</span>
                                <p class="fw-semibold mb-0">{{$d->pengembang->nama_pengembang}}</p>
                            </li>
                        </ul>
                    </div>
                </div><!--end items-->
            </div><!--end col-->
        @endforeach


        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 mt-md-0 pt-2 pt-md-0">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/2.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">59345 STONEWALL DR, Plaquemine, LA
                        70764, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 mt-lg-0 pt-2 pt-lg-0">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/3.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">3723 SANDBAR DR, Addis, LA 70710,
                        USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/4.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">Lot 21 ROYAL OAK DR,
                        Prairieville, LA 70769, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/5.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">710 BOYD DR, Unit #1102, Baton
                        Rouge, LA 70808, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/6.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">5133 MCLAIN WAY, Baton Rouge, LA
                        70809, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/7.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">10765 Hillshire Ave, Baton Rouge,
                        LA 70810, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/8.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">9714 Inniswold Estates Ave, Baton
                        Rouge, LA 70809</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/9.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">1433 Beckenham Dr, Baton Rouge,
                        LA 70808, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/10.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">1574 Sharlo Ave, Baton Rouge, LA
                        70820, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/11.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">2528 BOCAGE LAKE DR, Baton Rouge,
                        LA 70809, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        {{-- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
            <div class="card shop-list border-0 shadow position-relative overflow-hidden">
                <div class="shop-image position-relative overflow-hidden shadow">
                    <img src="assets_lp/images/real/property/12.jpg" class="img-fluid" alt="">
                    <ul class="list-unstyled shop-icons">
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-estate"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-heart"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)"
                                class="btn btn-icon btn-pills btn-primary"><i class="uil uil-camera"></i></a></li>
                    </ul>
                </div>
                <div class="card-body content p-4">
                    <a href="property-detail.html" class="text-dark product-name h6">1533 NICHOLSON DR, Baton Rouge,
                        LA 70802, USA</a>
                </div>
            </div><!--end items-->
        </div><!--end col--> --}}

        <!-- PAGINATION START -->
        {{-- <div class="col-12 mt-4 pt-2">
            <ul class="pagination justify-content-center mb-0">
                <li class="page-item"><a class="page-link" href="javascript:void(0)" aria-label="Previous">Prev</a>
                </li>
                <li class="page-item active"><a class="page-link" href="javascript:void(0)">1</a></li>
                <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li>
                <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
                <li class="page-item"><a class="page-link" href="javascript:void(0)" aria-label="Next">Next</a></li>
            </ul>
        </div><!--end col--> --}}
        <!-- PAGINATION END -->
    </div><!--end row-->
</div><!--end container-->






{{-- <script src="{{ url('assets_lp/js/bootstrap/bootstrap.bundle.min.js') }}"></script> --}}
<script src="{{ url('assets_lp/demo/pages/datatables_basic.js') }}"></script>
{{-- <script src="{{ url('assets_lp/js/app.js') }}"></script> --}}