<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-md-offset-2 col-md-9"> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#0089CC";> <h4 class="panel-title reports-title">Sandbox</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentWeekSandboxUsers;?></h4> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentWeekSandboxUsers, $lastWeekSandboxUsers), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentMonthSandboxUsers;?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentMonthSandboxUsers, $lastMonthSandboxUsers),2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue" style="min-height:251.75px;"> <div class="panel-body " style="margin-top: 50px;"> <p class="data-text" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo $totalSandboxUsers;?></h4> <p class="data-text" align="center">since launch</p> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#0089CC";> <h4 class="panel-title reports-title">Sandbox</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentWeekSandboxUsers;?></h4> <p class="data-text" align="center">this week</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentWeekSandboxUsers, $lastWeekSandboxUsers), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentMonthSandboxUsers;?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentMonthSandboxUsers, $lastMonthSandboxUsers),2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue" style="min-height:251.75px;"> <div class="panel-body " style="margin-top: 50px;"> <p class="data-text" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo $totalSandboxUsers;?></h4> <p class="data-text" align="center">since launch</p> </div> </div> </div> </div> </div> </div> </div> <!--Launch--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#006596"> <h4 class="panel-title reports-title">Launch</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue-1"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo array_sum($currentWeekEvalData); ?></h4> <p class="data-text" align="center">this week</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange(array_sum($currentWeekEvalData), array_sum($lastWeekEvalData)), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue-1"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo array_sum($currentMonthEvalData); ?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange(array_sum($currentMonthEvalData), array_sum($lastMonthEvalData)), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue-1" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text text-1" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo array_sum($allEvaluationRequestsData);?></h4> <p class="data-text text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <ul class="list-group "> <li class="list-group-item ">Approved <span class="badge"><?php echo ($currentWeekEvalData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($currentWeekEvalData['REJECTED']);?></span></li> <!-- <li class="list-group-item ">Pending <span class="badge">14</span></li>--> </ul> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <ul class="list-group"> <li class="list-group-item ">Approved <span class="badge"><?php echo ($currentMonthEvalData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($currentMonthEvalData['REJECTED']);?></span></li> </ul> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <ul class="list-group"> <li class="list-group-item ">Approved <span class="badge"><?php echo ($allEvaluationRequestsData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($allEvaluationRequestsData['REJECTED']);?></span></li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1" style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($launchTierUsageData && isset($launchTierUsageData)){ foreach($launchTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <!--Grow--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#C83B34"> <h4 class="panel-title reports-title">Grow</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $thisWeekGrowUsers;?></h4> <p class="data-text-1 text-1" align="center">this week</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $currentMonthGrowUsers;?></h4> <p class="data-text-1 text-1" align="center">this month</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $totalGrow;?></h4> <p class="data-text-1 text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1" style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($growTierUsageData && isset($growTierUsageData)){ foreach($growTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <!--Enterprise--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#A01F18"> <h4 class="panel-title reports-title">Enterprise</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $thisWeekEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">this week</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $currentMonthEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">this month</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $totalEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1 " style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($enterpriseTierUsageData && isset($enterpriseTierUsageData)){ foreach($enterpriseTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background:#383f48";> <h4 class="panel-title panel-title reports-title">Zendesk Tickets</h4> </div> <div class="panel-body"> <div class="row"> <div class="counters with-borders"> <div class="col-md-6 col-sm-6"> <div class="counter counter-primary data-grey" style="background: #f5f5f5;"> <h4 class="data-text" align="center" style="font-size:30px;">15</h4> <p class="data-text" align="center">new this week</p> </div> </div> <div class="col-md-6 col-sm-6"> <div class="counter counter-primary data-grey" style="background: #f5f5f5;"> <h4 class="data-text" align="center" style="font-size:30px;">52</h4> <p class="data-text" align="center">new in last 30 days</p> </div> </div> <!-- <div class="col-md-3 col-sm-6">--> <!-- <div class="counter counter-primary data-grey" style="background: #f5f5f5;">--> <!-- <h4 class="data-text" align="center" style="font-size:30px;">TBD</h4>--> <!-- <p class="data-text" align="center">Launch</p>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-md-3 col-sm-6">--> <!-- <div class="counter counter-primary data-grey" style="background: #f5f5f5;">--> <!-- <h4 class="data-text" align="center" style="font-size:30px;">TBD</h4>--> <!-- <p class="data-text" align="center">Grow</p>--> <!-- </div>--> <!-- </div>--> </div> </div> </div></div> </div> </div> </div>