    <div class="row">
        <div class="col-md-12 m-b-5">
            <!--<div class="d-block d-lg-flex flex-nowrap align-items-center">-->
                <div class="page-title mr-4 pr-4 border-right">
                    <h1 class="title-icon"><i class="fa fa-dashboard"></i>Dashboard</h1>
                </div>
                <!--<div class="breadcrumb-bar align-items-center">-->
                <!--    <nav>-->
                <!--        <ol class="breadcrumb p-0 m-b-0">-->
                <!--            <li class="breadcrumb-item">-->
                <!--                <a href="<?php echo base_url( 'admin/dashboard' ); ?>"><i class="ti ti-home"></i></a>-->
                <!--            </li>-->
                <!--            <li class="breadcrumb-item">-->
                <!--                Dashboard-->
                <!--            </li>-->
                <!--        </ol>-->
                <!--    </nav>-->
                <!--</div>-->
              
            <!--</div>-->
        </div>
    </div>
    <!-- Notification -->
    <div class="row mt-5">
        <div class="col-md-6 mb-5">
            <div class="card card-statistics h-100 text-center">
                <div class="card-body h-100 px-4">
                    <div class="d-flex h-100 align-items-center justify-content-between"><div>
                    <h2 class="mb-0 text-left"><?php echo $all_users; ?></h2>
                    <p>App Registered Users</p>
                    </div>
                    <div class="icon pink"> 
                      <i class="fa fa-users"></i>
                    </div>
                    </div>
                </div>
            </div>
        </div>
         <div class="col-md-6 mb-5">
            <div class="card card-statistics h-100 mb-4 text-center">
                <div class="card-body h-100 mb-4 px-4">
                    <div class="d-flex h-100 align-items-center justify-content-between"><div>
                    <h2 class="mb-0 text-left"><?php echo $active_users; ?></h2>
                    <p>Active Users</p>
                    </div>
                    <div class="icon green"> 
                      <i class="fa fa-user-plus"></i>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 mb-5">
            <div class="card card-statistics h-100 mb-4 text-center">
                <div class="card-body h-100 mb-4 px-4">
                    <div class="d-flex h-100 align-items-center justify-content-between">
                    <div>
                    <h2 class="mb-0 text-left"><?php echo $inactive_users; ?></h2>
                    <p>Inactive Users</p>
                    </div>
                    <div class="icon yellow "> 
                      <i class="fa fa-user-times"></i>
                    </div>
                    </div>
                </div>
            </div>
        </div>
       
        <div class="col-md-6 spc-top mb-5">
            <div class="card card-statistics h-100 mb-4 text-center">
                <div class="card-body h-100 mb-4 px-4">
                    <div class="d-flex h-100 align-items-center justify-content-between"><div>
                    <h2 class="mb-0 text-left"><?php echo $devices_users; ?></h2>
                    <p>Total Users Registered Tags</p>
                    </div>
                    <div class="icon blue"> 
                      <i class="fa fa-list-alt"></i>
                    </div>
                     </div>
                </div>
            </div>
        </div>
        
    </div>
    <!-- end row -->