<div class="content-wrapper">
    <!-- Content -->

<div class="container-xxl flex-grow-1 container-p-y">

      <div class="col-lg-12 mb-4 order-0">
        <div class="card">
          <div class="d-flex align-items-end row">
            <div class="col-sm-7">
              <div class="card-body">
                <h5 class="card-title text-primary">Welcome to MALCITY HOMES</h5>
                <p class="mb-4">
                 The Best Real Housing Estate Company in Nigeria
                </p>
              </div>
            </div>
            <div class="col-sm-5 text-center text-sm-left">
              <div class="card-body pb-0 px-0 px-md-4">
                <img
                  src="assets/img/illustrations/man-with-laptop-light.png"
                  height="140"
                  alt="View Badge User"
                  data-app-dark-img="illustrations/man-with-laptop-dark.png"
                  data-app-light-img="illustrations/man-with-laptop-light.png"
                />
              </div>
            </div>
          </div>
        </div>
      </div>

<div class="row">
    <!-- Order Statistics -->
<div class="col-md-8 col-lg-8 col-xl-8 order-0 mb-4">
    <div class="card h-100">
        <div class="card-header d-flex align-items-center justify-content-between pb-0">
            <div class="card-title mb-0">
                <h5 class="m-0 me-2">Post Statistics</h5>
            </div>
        </div>
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="d-flex flex-column align-items-center gap-1">
                <h2 class="mb-2">8,258</h2>
                <span>Total Post</span>
            </div>
            <div id="orderStatisticsChart"></div>
            </div>
            <ul class="p-0 m-0">
            <li class="d-flex mb-4 pb-1">
                <div class="avatar flex-shrink-0 me-3">
                <span class="avatar-initial rounded bg-label-primary"
                    ><i class="bx bx-home"></i
                ></span>
                </div>
                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                    <h6 class="mb-0">Available Properties</h6>
                    <small class="text-muted">House, Hotels, Resort</small>
                </div>
                <div class="user-progress">
                    <small class="fw-semibold">53</small>
                </div>
                </div>
            </li>
            <li class="d-flex mb-4 pb-1">
                <div class="avatar flex-shrink-0 me-3">
                <span class="avatar-initial rounded bg-label-success"><i class="bx bx-home"></i></span>
                </div>
                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                    <h6 class="mb-0">Sold Properties</h6>
                    <small class="text-muted">House, Hotels, Resort</small>
                </div>
                <div class="user-progress">
                    <small class="fw-semibold">23k</small>
                </div>
                </div>
            </li>
            <li class="d-flex mb-4 pb-1">
                <div class="avatar flex-shrink-0 me-3">
                <span class="avatar-initial rounded bg-label-danger"><i class="bx bx-home-alt"></i></span>
                </div>
                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                    <h6 class="mb-0">Restricted Properties</h6>
                    <small class="text-muted">House, Hotels, Resort</small>
                </div>
                <div class="user-progress">
                    <small class="fw-semibold">25</small>
                </div>
                </div>
            </li>
            </ul>
        </div>
        </div>
    </div>
  <!--/ Order Statistics -->

     <!-- Order Statistics -->
<div class="col-md-4 col-lg-4 col-xl-4 order-0 mb-4">
    <div class="card h-100">
        <div class="card-header d-flex align-items-center justify-content-between pb-0">
            <div class="card-title mb-0">
            <h5 class="m-0 me-2">Active Agents</h5>
            <small class="text-muted">42 Active Agents</small>
            </div>
        </div>
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
            <div id="orderStatisticsChart"></div>
            </div>
            <ul class="p-0 m-0">
            <li class="d-flex mb-4 pb-1">
                <div class="avatar flex-shrink-0 me-3">
                <span class="avatar-initial rounded bg-label-primary"
                    ><i class="bx bx-user-circle"></i
                ></span>
                </div>
                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                    <h6 class="mb-0">Muhammad Sani</h6>
                    <small class="text-muted">Agent</small>
                </div>
                <div class="user-progress">
                    <small class="fw-semibold">15 Post</small>
                </div>
                </div>
            </li>
            </ul>
        </div>
        </div>
    </div>
  <!--/ Order Statistics -->


  <!--/ Transactions -->
