<?php $script = '<script>

    // ================================ Users Overview Donut chart Start ================================ 
    var options = {
        series: [300, 200, 500, 172],
        colors: [\'#487FFF\', \'#9935FE\', \'#FF9F29\', "#45B369"],
        labels: [\'Total Visitors\', \'Registrations\', \'Total Page Views\', \'Registrations\'],
        legend: {
            show: false
        },
        chart: {
            type: \'donut\',
            height: 240,
            sparkline: {
                enabled: true
            },
            margin: {
                top: 0,
                right: 0,
                bottom: 0,
                left: 0
            },
            padding: {
                top: 0,
                right: 0,
                bottom: 0,
                left: 0
            }
        },
        stroke: {
            width: 0,
        },
        dataLabels: {
            enabled: false
        },
        responsive: [{
            breakpoint: 480,
            options: {
                chart: {
                    width: 200
                },
                legend: {
                    position: \'bottom\'
                }
            }
        }],
    };

    var chart = new ApexCharts(document.querySelector("#userOverviewDonutChart"), options);
    chart.render();
    // ================================ Users Overview Donut chart End ================================ 

    // ================================ Balance Statistics Chart Start ================================ 
    var options = {
        series: [{
            name: \'Net Profit\',
            data: [6, 16, 14, 25, 45, 18, 28, 16, 26, 48, 18, 22]
        }, {
            name: \'Revenue\',
            data: [15, 18, 19, 30, 35, 12, 18, 13, 18, 38, 14, 16]
        }],
        colors: [\'#487FFF\', \'#FF9F29\'],
        labels: [\'Active\', \'New\', \'Total\'],
        legend: {
            show: false
        },
        chart: {
            type: \'bar\',
            height: 250,
            toolbar: {
                show: false
            },
        },
        grid: {
            show: true,
            borderColor: \'#D1D5DB\',
            strokeDashArray: 4,
            position: \'back\',
        },
        plotOptions: {
            bar: {
                borderRadius: 4,
                columnWidth: 10,
            },
        },
        dataLabels: {
            enabled: false
        },
        stroke: {
            show: true,
            width: 2,
            colors: [\'transparent\']
        },
        xaxis: {
            categories: [\'Jan\', \'Feb\', \'Mar\', \'Apr\', \'May\', \'Jun\', \'Jul\', \'Aug\', \'Sep\', \'Oct\', \'Nov\', \'Dec\'],
        },
        yaxis: {
            categories: [\'0\', \'5\', \'1\', \'2\', \'3\', \'5\', \'6\', \'6\', \'7\', \'8\', \'9\', \'10\'],
            labels: {
                formatter: function (value) {
                    return "$" + value + "k";
                },
                style: {
                    fontSize: "14px"
                }
            },
        },
        fill: {
            opacity: 1,
            width: 18,
        },
    };

    var chart = new ApexCharts(document.querySelector("#balanceStatistics"), options);
    chart.render();
    // ================================ Balance Statistics Chart End ================================ 

    // ===================== Revenue Chart Start =============================== 
    function createChartTwo(chartId, color1, color2) {
        var options = {
            series: [{
                name: \'series1\',
                data: [6, 20, 15, 48, 28, 55, 28, 52, 25, 32, 15, 25]
            }],
            legend: {
                show: false
            },
            chart: {
                type: \'area\',
                width: \'100%\',
                height: 230,
                toolbar: {
                    show: false
                },
                padding: {
                    left: 0,
                    right: 0,
                    top: 0,
                    bottom: 0
                }
            },
            dataLabels: {
                enabled: false
            },
            stroke: {
                curve: \'smooth\',
                width: 0,
                colors: [color1, color2],
                lineCap: \'round\'
            },
            grid: {
                show: true,
                borderColor: \'#D1D5DB\',
                strokeDashArray: 1,
                position: \'back\',
                xaxis: {
                    lines: {
                        show: false
                    }
                },
                yaxis: {
                    lines: {
                        show: true
                    }
                },
                row: {
                    colors: undefined,
                    opacity: 0.5
                },
                column: {
                    colors: undefined,
                    opacity: 0.5
                },
                padding: {
                    top: -20,
                    right: 0,
                    bottom: -10,
                    left: 0
                },
            },
            colors: [color1, color2],
            fill: {
                type: \'gradient\',
                colors: [color1, color2],
                gradient: {
                    shade: \'light\',
                    type: \'vertical\',
                    shadeIntensity: 0.5,
                    gradientToColors: [undefined, color2 + \'00\'],
                    inverseColors: false,
                    opacityFrom: [1, 0.6],
                    opacityTo: [0.5, 0.4],
                    stops: [0, 100],
                },
            },
            markers: {
                colors: [color1, color2],
                strokeWidth: 2,
                size: 0,
                hover: {
                    size: 8
                }
            },

            xaxis: {
                labels: {
                    show: false
                },
                categories: [\'Jan\', \'Feb\', \'Mar\', \'Apr\', \'May\', \'Jun\', \'Jul\', \'Aug\', \'Sep\', \'Oct\', \'Nov\', \'Dec\'],
                tooltip: {
                    enabled: false
                },
                labels: {
                    formatter: function (value) {
                        return value;
                    },
                    style: {
                        fontSize: "14px"
                    }
                }
            },
            yaxis: {
                labels: {
                    formatter: function (value) {
                        return "$" + value + "k";
                    },
                    style: {
                        fontSize: "14px"
                    }
                },
            },
            tooltip: {
                x: {
                    format: \'dd/MM/yy HH:mm\'
                }
            }
        };

        var chart = new ApexCharts(document.querySelector(\'#\' + chartId), options);
        chart.render();
    }

    createChartTwo(\'revenueChart\', \'#98B6FF\', \'#6593FF\');
    // ===================== Revenue Chart End =============================== 
</script>';?>

<?php include './partials/layouts/layoutTop.php' ?>

<div class="dashboard-main-body">

    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
        <h6 class="fw-semibold mb-0">Real Estate</h6>
        <ul class="d-flex align-items-center gap-2">
            <li class="fw-medium">
                <a href="index.php" class="d-flex align-items-center gap-1 hover-text-primary">
                    <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
                    Dashboard
                </a>
            </li>
            <li>-</li>
            <li class="fw-medium">Real Estate</li>
        </ul>
    </div>

        <div class="row gy-4 mt-4">
            <div class="col-xxl-7">
                <div class="bg-img rounded-3 overflow-hidden d-flex align-items-end justify-content-between flex-sm-nowrap flex-wrap"
                    style="background-image: url('assets/images/home-nineteen/home-card-bg.png');">
                    <div class="py-40 ps-36 pe-20">
                        <h6 class="text-white mb-28 text-capitalize">Enjoy your first home sale</h6>
                        <a href="javascript:void(0)"
                            class="btn btn-warning text-sm btn-sm px-24 py-12 radius-8 d-inline-flex align-items-center gap-2">
                            Explore Now
                        </a>
                    </div>
                    <div class="pe-36">
                        <img src="assets/images/home-nineteen/home-png.png" alt="Home Image">
                    </div>
                </div>
            </div>
            <div class="col-xxl-5">
                <div class="row g-3">
                    <div class="col-md-4 col-sm-6">
                        <div class="">
                            <div class="card p-3 shadow-2 radius-8 bg-base h-100 bg-gradient-bottom-4">
                                <div class="card-body p-0">
                                    <div class="d-flex align-items-center gap-3">
                                        <div class="">
                                            <span
                                                class="mb-0 w-40-px h-40-px text-purple bg-purple-100 border border-purple-200 flex-shrink-0 d-flex justify-content-center align-items-center rounded text-xl mb-0">
                                                <i class="ri-group-fill"></i>
                                            </span>
                                        </div>
                                        <h6 class="text-md fw-medium mb-0">Total Property</h6>
                                    </div>
                                    <div class="mt-44">
                                        <h6 class="fw-semibold mb-2">570</h6>
                                        <p class="text-sm mb-0"><span class="fw-medium text-success-main text-sm"><i
                                                    class="ri-arrow-right-up-line"></i> 11.2%</span> Per Month </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="">
                            <div class="card p-3 shadow-2 radius-8 h-100 bg-gradient-bottom-3">
                                <div class="card-body p-0">
                                    <div class="d-flex align-items-center gap-3">
                                        <div class="">
                                            <span
                                                class="mb-0 w-40-px h-40-px text-warning-600 bg-warning-100 border border-warning-200 flex-shrink-0 d-flex justify-content-center align-items-center rounded text-xl mb-0">
                                                <i class="ri-group-fill"></i>
                                            </span>
                                        </div>
                                        <h6 class="text-md fw-medium mb-0">Total Property</h6>
                                    </div>
                                    <div class="mt-44">
                                        <h6 class="fw-semibold mb-2">570</h6>
                                        <p class="text-sm mb-0"><span class="fw-medium text-success-main text-sm"><i
                                                    class="ri-arrow-right-up-line"></i> 11.2%</span> Per Month </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="">
                            <div class="card p-3 shadow-2 radius-8 h-100 bg-gradient-bottom-6">
                                <div class="card-body p-0">
                                    <div class="d-flex align-items-center gap-3">
                                        <div class="">
                                            <span
                                                class="mb-0 w-40-px h-40-px text-success-600 bg-success-100 border border-success-200 flex-shrink-0 d-flex justify-content-center align-items-center rounded text-xl mb-0">
                                                <i class="ri-group-fill"></i>
                                            </span>
                                        </div>
                                        <h6 class="text-md fw-medium mb-0">Total Property</h6>
                                    </div>
                                    <div class="mt-44">
                                        <h6 class="fw-semibold mb-2">570</h6>
                                        <p class="text-sm mb-0"><span class="fw-medium text-success-main text-sm"><i
                                                    class="ri-arrow-right-up-line"></i> 11.2%</span> Per Month </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="card h-100 rounded-4 overflow-hidden border-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                            <h6 class="mb-2 fw-bold text-lg mb-0">Statistics</h6>
                            <select
                                class="form-select form-select-sm w-auto bg-base border text-secondary-light radius-8">
                                <option>This Month</option>
                                <option>This Week</option>
                                <option>This Year</option>
                            </select>
                        </div>
                    </div>
                    <div class="card-body d-flex align-items-center flex-sm-nowrap flex-wrap py-40">
                        <div class="position-relative text-center">
                            <div id="userOverviewDonutChart" class="apexcharts-tooltip-z-none"></div>
                            <div class="text-center position-absolute top-50 start-50 translate-middle">
                                <h6 class="mb-0 mt-1">$,4578</h6>
                            </div>
                        </div>
                        <div class="d-grid grid-cols-2 gap-24">
                            <div class="d-flex align-items-center gap-12">
                                <span class="w-10-px h-16-px bg-primary-600 rounded-pill position-relative">
                                </span>
                                <div class="">
                                    <p class="text-secondary-light text-sm mb-0">Online Sale</p>
                                    <h6 class="mb-0 text-lg">$3,425</h6>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-12">
                                <span class="w-10-px h-16-px bg-warning-600 rounded-pill position-relative">
                                </span>
                                <div class="">
                                    <p class="text-secondary-light text-sm mb-0">Offline Sale </p>
                                    <h6 class="mb-0 text-lg">$3,120</h6>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-12">
                                <span class="w-10-px h-16-px bg-success rounded-pill position-relative">
                                </span>
                                <div class="">
                                    <p class="text-secondary-light text-sm mb-0">Agent Sale</p>
                                    <h6 class="mb-0 text-lg">$2,472</h6>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-12">
                                <span class="w-10-px h-16-px bg-purple rounded-pill position-relative">
                                </span>
                                <div class="">
                                    <p class="text-secondary-light text-sm mb-0">Marketing Sale</p>
                                    <h6 class="mb-0 text-lg">$5,120</h6>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="card h-100 rounded-4 overflow-hidden border-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                            <h6 class="mb-2 fw-bold text-lg mb-0">Total Revenue</h6>
                            <select
                                class="form-select form-select-sm w-auto bg-base border text-secondary-light radius-8">
                                <option>This Month</option>
                                <option>This Week</option>
                                <option>This Year</option>
                            </select>
                        </div>
                    </div>
                    <div class="card-body">
                        <ul class="d-flex flex-wrap align-items-center justify-content-center gap-40">
                            <li class="d-flex align-items-center gap-1">
                                <div class="d-flex align-items-center gap-2">
                                    <span class="w-8-px h-12-px rounded-pill bg-primary-600"></span>
                                    <span class="text-secondary-light text-sm fw-semibold">Income </span>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <h6 class="mb-0">$26,201</h6>
                                    <span class="text-success-600 d-flex align-items-center gap-1 text-sm fw-bolder">
                                        10%
                                        <i class="ri-arrow-up-s-fill d-flex"></i>
                                    </span>
                                </div>
                            </li>
                            <li class="d-flex align-items-center gap-1">
                                <div class="d-flex align-items-center gap-2">
                                    <span class="w-8-px h-12-px rounded-pill bg-warning-600"></span>
                                    <span class="text-secondary-light text-sm fw-semibold">Expenses </span>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <h6 class="mb-0">$18,120</h6>
                                    <span class="text-danger-600 d-flex align-items-center gap-1 text-sm fw-bolder">
                                        10%
                                        <i class="ri-arrow-down-s-fill d-flex"></i>
                                    </span>
                                </div>
                            </li>
                        </ul>
                        <div class="mt-40">
                            <div id="balanceStatistics" class=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4 col-lg-6">
                <div class="card h-100 rounded-4 overflow-hidden border-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                            <h6 class="mb-2 fw-bold text-lg mb-0">Social Source (Buyers)</h6>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-column gap-24">
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-lilac-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials1.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Email</h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">6,200</span>
                                    <span class="text-success-600 text-md fw-medium">0.3%</span>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-warning-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials2.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Clicked</h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">Clicked</span>
                                    <span class="text-danger-600 text-md fw-medium">1.3%</span>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-info-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials3.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Subscribe</h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">5,175</span>
                                    <span class="text-success-600 text-md fw-medium">0.3%</span>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-success-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials4.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Complaints </h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">3,780</span>
                                    <span class="text-success-600 text-md fw-medium">0.3%</span>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-danger-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials5.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Unsubscribe</h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">4,120</span>
                                    <span class="text-success-600 text-md fw-medium">0.3%</span>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between gap-3">
                                <div class="d-flex align-items-center gap-3">
                                    <div
                                        class="w-40-px h-40-px rounded-circle d-flex justify-content-center align-items-center bg-info-100 flex-shrink-0">
                                        <img src="assets/images/home-nine/socials3.png" alt="Image" class="">
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="text-md mb-0 fw-semibold">Subscribe</h6>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center gap-8">
                                    <span class="text-secondary-light text-md fw-medium">5,175</span>
                                    <span class="text-success-600 text-md fw-medium">0.3%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4 col-lg-6">
                <div class="card h-100 rounded-4 overflow-hidden border-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                            <h6 class="mb-2 fw-bold text-lg mb-0">Resent Rent Property</h6>
                            <a href="javascript:void(0)"
                                class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
                                View All
                                <iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <h6 class="fw-medium mb-0 text-md">Property</h6>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <h6 class="fw-medium mb-0 text-md">Amount</h6>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img1.png" alt="Property Image One"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Happy Lagoon Farm</h6>
                                    <p class="text-primary-light text-sm mb-0">09 Arnulfo Crossing, Botsford</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <span class="text-secondary-light text-md fw-medium">$5,000</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img2.png" alt="Property Image Two"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Bright Forest Camp</h6>
                                    <p class="text-primary-light text-sm mb-0">4 Novella Block, Eichmannview</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <span class="text-secondary-light text-md fw-medium">$4,000</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img3.png" alt="Property Image Three"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Tranquil Hut</h6>
                                    <p class="text-primary-light text-sm mb-0">0 / 77 Purdy Crescent, West</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <span class="text-secondary-light text-md fw-medium">$3,500</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img4.png" alt="Property Image Four"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Vintage Offices</h6>
                                    <p class="text-primary-light text-sm mb-0">208 Olson Boulevard, Toyburgh</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <span class="text-secondary-light text-md fw-medium">$2,800</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img5.png" alt="Property Image Five"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Relaxed Lodge</h6>
                                    <p class="text-primary-light text-sm mb-0">Suite 756 031 Ines Riverway,</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <span class="text-secondary-light text-md fw-medium">$1,750</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4">
                <div class="card h-100 rounded-4 overflow-hidden border-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                            <h6 class="mb-2 fw-bold text-lg mb-0">Recent Sale Property</h6>
                            <a href="javascript:void(0)"
                                class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
                                View All
                                <iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <h6 class="fw-medium mb-0 text-md">Property</h6>
                            </div>
                            <div class="d-flex align-items-center gap-8">
                                <h6 class="fw-medium mb-0 text-md">Amount</h6>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img6.png" alt="Property Image One"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Happy Lagoon Farm</h6>
                                    <p class="text-primary-light text-sm mb-0">09 Arnulfo Crossing, Botsford</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-end flex-column gap-8">
                                <span class="text-secondary-light text-md fw-medium line-height-1">$5,000</span>
                                <span class="text-success-600 text-md fw-medium line-height-1">+ 12.50%</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img7.png" alt="Property Image Two"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Bright Forest Camp</h6>
                                    <p class="text-primary-light text-sm mb-0">4 Novella Block, Eichmannview</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-end flex-column gap-8">
                                <span class="text-secondary-light text-md fw-medium line-height-1">$15,000</span>
                                <span class="text-danger-600 text-md fw-medium line-height-1">- 5.50%</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img8.png" alt="Property Image Three"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Tranquil Hut</h6>
                                    <p class="text-primary-light text-sm mb-0">0 / 77 Purdy Crescent, West</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-end flex-column gap-8">
                                <span class="text-secondary-light text-md fw-medium line-height-1">$37,000</span>
                                <span class="text-success-600 text-md fw-medium line-height-1">+ 15.50%</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img9.png" alt="Property Image Four"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Vintage Offices</h6>
                                    <p class="text-primary-light text-sm mb-0">208 Olson Boulevard, Toyburgh</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-end flex-column gap-8">
                                <span class="text-secondary-light text-md fw-medium line-height-1">$27,000</span>
                                <span class="text-success-600 text-md fw-medium line-height-1">+ 17.50%</span>
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between gap-3 py-12 px-16 border-bottom border-neutral-200">
                            <div class="d-flex align-items-center gap-12">
                                <div class="">
                                    <img src="assets/images/home-nineteen/property-img10.png" alt="Property Image Five"
                                        class="w-40-px h-40-px rounded-2">
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="text-md mb-0 fw-medium">Relaxed Lodge</h6>
                                    <p class="text-primary-light text-sm mb-0">Suite 756 031 Ines Riverway,</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-end flex-column gap-8">
                                <span class="text-secondary-light text-md fw-medium line-height-1">$17,000</span>
                                <span class="text-success-600 text-md fw-medium line-height-1">+ 25.50%</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-8">
                <div class="shadow-7 radius-12 bg-base h-100 overflow-hidden">
                    <div
                        class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
                        <h6 class="text-lg fw-semibold mb-0">Transaction History</h6>
                        <a href="javascript:void(0)"
                            class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
                            View All
                            <iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
                        </a>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive scroll-sm">
                            <table class="table bordered-table table-py-8 mb-0 rounded-0 border-0">
                                <thead>
                                    <tr>
                                        <th scope="col" class="rounded-0">Users</th>
                                        <th scope="col" class="rounded-0">Transaction ID</th>
                                        <th scope="col" class="rounded-0">Amount</th>
                                        <th scope="col" class="rounded-0">Payment </th>
                                        <th scope="col" class="rounded-0">Date</th>
                                        <th scope="col" class="rounded-0 text-center">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">
                                            <div class="d-flex align-items-center gap-12">
                                                <span class="w-40-px h-40-px radius-4 overflow-hidden rounded-circle">
                                                    <img src="assets/images/users/user1.png" alt="Image"
                                                        class="w-40-px h-40-px rounded-circle flex-shrink-0 overflow-hidden">
                                                </span>
                                                <div class="">
                                                    <span
                                                        class="d-block text-secondary-light fw-medium line-height-1">Cameron
                                                        Williamson</span>
                                                    <span
                                                        class="d-block text-secondary-light text-sm">osgoodwy@gmail.com</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">9562415412263
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">$29.00</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">Bank</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">24 Jun 2024
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-center">
                                            <div class="max-w-100-px mx-auto">
                                                <span
                                                    class="bg-success-focus text-success-main px-16 py-2 rounded-pill fw-medium text-sm w-100">Paid</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">
                                            <div class="d-flex align-items-center gap-12">
                                                <span class="w-40-px h-40-px radius-4 overflow-hidden rounded-circle">
                                                    <img src="assets/images/users/user2.png" alt="Image"
                                                        class="w-40-px h-40-px rounded-circle flex-shrink-0 overflow-hidden">
                                                </span>
                                                <div class="">
                                                    <span
                                                        class="d-block text-secondary-light fw-medium line-height-1">Esther
                                                        Howard</span>
                                                    <span
                                                        class="d-block text-secondary-light text-sm">osgoodwy@gmail.com</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">9562415412263
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">$29.00</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">PayPal</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">24 Jun 2024
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-center">
                                            <div class="max-w-100-px mx-auto">
                                                <span
                                                    class="bg-warning-focus text-warning-main px-16 py-2 rounded-pill fw-medium text-sm w-100">Pending</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">
                                            <div class="d-flex align-items-center gap-12">
                                                <span class="w-40-px h-40-px radius-4 overflow-hidden rounded-circle">
                                                    <img src="assets/images/users/user3.png" alt="Image"
                                                        class="w-40-px h-40-px rounded-circle flex-shrink-0 overflow-hidden">
                                                </span>
                                                <div class="">
                                                    <span
                                                        class="d-block text-secondary-light fw-medium line-height-1">Jane
                                                        Cooper</span>
                                                    <span
                                                        class="d-block text-secondary-light text-sm">osgoodwy@gmail.com</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">9562415412263
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">$29.00</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">Bank</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">24 Jun 2024
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-center">
                                            <div class="max-w-100-px mx-auto">
                                                <span
                                                    class="bg-success-focus text-success-main px-16 py-2 rounded-pill fw-medium text-sm w-100">Paid</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">
                                            <div class="d-flex align-items-center gap-12">
                                                <span class="w-40-px h-40-px radius-4 overflow-hidden rounded-circle">
                                                    <img src="assets/images/users/user4.png" alt="Image"
                                                        class="w-40-px h-40-px rounded-circle flex-shrink-0 overflow-hidden">
                                                </span>
                                                <div class="">
                                                    <span
                                                        class="d-block text-secondary-light fw-medium line-height-1">Floyd
                                                        Miles</span>
                                                    <span
                                                        class="d-block text-secondary-light text-sm">osgoodwy@gmail.com</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">9562415412263
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">$29.00</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">PayPal</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">24 Jun 2024
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-center">
                                            <div class="max-w-100-px mx-auto">
                                                <span
                                                    class="bg-danger-focus text-danger-main px-16 py-2 rounded-pill fw-medium text-sm w-100">Canceled</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">
                                            <div class="d-flex align-items-center gap-12">
                                                <span class="w-40-px h-40-px radius-4 overflow-hidden rounded-circle">
                                                    <img src="assets/images/users/user5.png" alt="Image"
                                                        class="w-40-px h-40-px rounded-circle flex-shrink-0 overflow-hidden">
                                                </span>
                                                <div class="">
                                                    <span
                                                        class="d-block text-secondary-light fw-medium line-height-1">Bessie
                                                        Cooper</span>
                                                    <span
                                                        class="d-block text-secondary-light text-sm">osgoodwy@gmail.com</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">9562415412263
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">$29.00</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">Bank</td>
                                        <td class="border-bottom border-neutral-200 text-secondary-light">24 Jun 2024
                                        </td>
                                        <td class="border-bottom border-neutral-200 text-center">
                                            <div class="max-w-100-px mx-auto">
                                                <span
                                                    class="bg-danger-focus text-danger-main px-16 py-2 rounded-pill fw-medium text-sm w-100">Canceled</span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4">
                <div class="bg-base radius-12 py-20 px-24 shadow-9 h-100 mb-20">
                    <div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
                        <h6 class="mb-0 fw-bold text-lg">Earnings Overview</h6>
                        <select class="form-select form-select-sm w-auto bg-base border text-secondary-light radius-8">
                            <option>Yearly</option>
                            <option>Monthly</option>
                            <option>Weekly</option>
                            <option>Today</option>
                        </select>
                    </div>
                    <ul class="d-flex flex-wrap align-items-center justify-content-center mt-24 gap-3">
                        <li class="d-flex align-items-center gap-2">
                            <span class="w-8-px h-8-px rounded-circle bg-primary-600"></span>
                            <span class="text-secondary-light text-sm fw-medium d-inline-flex align-items-center gap-1">
                                Earnings:
                                <span class="text-primary-light text-xl fw-bold">$26,201</span>
                            </span>
                            <div class="d-flex align-items-center gap-1 fw-semibold text-success-600">
                                <span class="">10%</span>
                                <i class="ri-arrow-up-s-fill"></i>
                            </div>
                        </li>
                    </ul>
                    <div class="mt-24">
                        <div id="revenueChart" class="apexcharts-tooltip-style-1"></div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="shadow-7 radius-12 bg-base h-100 overflow-hidden">
                    <div
                        class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
                        <h6 class="text-lg fw-semibold mb-0">Property List</h6>
                        <a href="javascript:void(0)"
                            class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
                            View All
                            <iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
                        </a>
                    </div>
                    <div class="card-body p-20">
                        <div class="row g-3">
                            <div class="col-xxl-3 col-sm-6">
                                <div class="bg-base rounded-3 overflow-hidden border border-neutral-200">
                                    <figure class="position-relative mb-0">
                                        <img src="assets/images/home-nineteen/property-list-img1.png"
                                            alt="Property List Image One" class="w-100">
                                        <span
                                            class="bg-danger-600 text-white rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute top-0 start-0 mt-20 ms-20">
                                            <img src="assets/images/home-nineteen/icons/featured-icon.png" alt="Feature Icon">
                                            Featured
                                        </span>
                                        <span
                                            class="bg-white text-static-black rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute bottom-0 start-0 mb-20 ms-20 fw-semibold">
                                            $4,600
                                        </span>
                                    </figure>
                                    <div class="p-20">
                                        <h6 class="text-md mb-4">House on the Hollywood</h6>
                                        <span class="text-secondary-light text-sm">374 Johnson Ave</span>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-8 mt-16 flex-wrap">
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon1.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">6 Beds</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon2.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">2 Baths</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon3.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">200 sqft</span>
                                            </div>
                                        </div>
                                        <div class="my-16 border-bottom border-neutral-200 w-100"></div>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-16 flex-sm-nowrap flex-wrap">
                                            <span class="text-primary-light text-sm">For Sale</span>
                                            <div class="d-flex align-items-center gap-24">
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon1.png"
                                                        alt="Link Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon2.png"
                                                        alt="Wishlist Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon3.png"
                                                        alt="Export Button" class="dark-img-white">
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-3 col-sm-6">
                                <div class="bg-base rounded-3 overflow-hidden border border-neutral-200">
                                    <figure class="position-relative mb-0">
                                        <img src="assets/images/home-nineteen/property-list-img2.png"
                                            alt="Property List Image Two" class="w-100">
                                        <span
                                            class="bg-danger-600 text-white rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute top-0 start-0 mt-20 ms-20">
                                            <img src="assets/images/home-nineteen/icons/featured-icon.png" alt="Feature Icon">
                                            Featured
                                        </span>
                                        <span
                                            class="bg-white text-static-black rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute bottom-0 start-0 mb-20 ms-20 fw-semibold">
                                            $5,800
                                        </span>
                                    </figure>
                                    <div class="p-20">
                                        <h6 class="text-md mb-4">Comfortable Villa Green</h6>
                                        <span class="text-secondary-light text-sm">178 Broadway, Brooklyn</span>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-8 mt-16 flex-wrap">
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon1.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">6 Beds</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon2.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">3 Baths</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon3.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">600 sqft</span>
                                            </div>
                                        </div>
                                        <div class="my-16 border-bottom border-neutral-200 w-100"></div>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-16 flex-sm-nowrap flex-wrap">
                                            <span class="text-primary-light text-sm">For Sale</span>
                                            <div class="d-flex align-items-center gap-24">
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon1.png"
                                                        alt="Link Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon2.png"
                                                        alt="Wishlist Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon3.png"
                                                        alt="Export Button" class="dark-img-white">
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-3 col-sm-6">
                                <div class="bg-base rounded-3 overflow-hidden border border-neutral-200">
                                    <figure class="position-relative mb-0">
                                        <img src="assets/images/home-nineteen/property-list-img3.png"
                                            alt="Property List Image One" class="w-100">
                                        <span
                                            class="bg-danger-600 text-white rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute top-0 start-0 mt-20 ms-20">
                                            <img src="assets/images/home-nineteen/icons/featured-icon.png" alt="Feature Icon">
                                            Featured
                                        </span>
                                        <span
                                            class="bg-white text-static-black rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute bottom-0 start-0 mb-20 ms-20 fw-semibold">
                                            $4,500
                                        </span>
                                    </figure>
                                    <div class="p-20">
                                        <h6 class="text-md mb-4">Quality House For Sale</h6>
                                        <span class="text-secondary-light text-sm">873 Bedford Ave</span>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-8 mt-16 flex-wrap">
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon1.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">10 Beds</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon2.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">2 Baths</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon3.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">400 sqft</span>
                                            </div>
                                        </div>
                                        <div class="my-16 border-bottom border-neutral-200 w-100"></div>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-16 flex-sm-nowrap flex-wrap">
                                            <span class="text-primary-light text-sm">For Sale</span>
                                            <div class="d-flex align-items-center gap-24">
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon1.png"
                                                        alt="Link Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon2.png"
                                                        alt="Wishlist Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon3.png"
                                                        alt="Export Button" class="dark-img-white">
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-3 col-sm-6">
                                <div class="bg-base rounded-3 overflow-hidden border border-neutral-200">
                                    <figure class="position-relative mb-0">
                                        <img src="assets/images/home-nineteen/property-list-img4.png"
                                            alt="Property List Image One" class="w-100">
                                        <span
                                            class="bg-danger-600 text-white rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute top-0 start-0 mt-20 ms-20">
                                            <img src="assets/images/home-nineteen/icons/featured-icon.png" alt="Feature Icon">
                                            Featured
                                        </span>
                                        <span
                                            class="bg-white text-static-black rounded d-inline-flex align-items-center gap-8 text-uppercase px-16 py-6 text-sm position-absolute bottom-0 start-0 mb-20 ms-20 fw-semibold">
                                            $5,500
                                        </span>
                                    </figure>
                                    <div class="p-20">
                                        <h6 class="text-md mb-4">Diamond Family Home</h6>
                                        <span class="text-secondary-light text-sm">254 S 2nd St, Brooklyn</span>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-8 mt-16 flex-wrap">
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon1.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">4 Beds</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon2.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">2 Baths</span>
                                            </div>
                                            <div class="d-flex align-items-center gap-8">
                                                <span class="text-primary-light d-flex">
                                                    <img src="assets/images/home-nineteen/icons/amenities-icon3.png"
                                                        alt="Bed Icon" class="dark-img-white">
                                                </span>
                                                <span class="text-primary-light text-sm">300 sqft</span>
                                            </div>
                                        </div>
                                        <div class="my-16 border-bottom border-neutral-200 w-100"></div>
                                        <div
                                            class="d-flex align-items-center justify-content-between gap-16 flex-sm-nowrap flex-wrap">
                                            <span class="text-primary-light text-sm">For Sale</span>
                                            <div class="d-flex align-items-center gap-24">
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon1.png"
                                                        alt="Link Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon2.png"
                                                        alt="Wishlist Button" class="dark-img-white">
                                                </button>
                                                <button type="button" class="cursor-pointer d-flex hover-scale-16">
                                                    <img src="assets/images/home-nineteen/icons/link-icon3.png"
                                                        alt="Export Button" class="dark-img-white">
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<?php include './partials/layouts/layoutBottom.php' ?>