116 lines
5.9 KiB
PHP
116 lines
5.9 KiB
PHP
<style>
|
|
.status-option {
|
|
padding: 0.5rem !important;
|
|
background-color: darkgrey;
|
|
}
|
|
.emp-count-view-click {
|
|
cursor: pointer;
|
|
}
|
|
.emp-status .col-6 {
|
|
/* padding-bottom: 1rem; */
|
|
}
|
|
.emp-status label {
|
|
font-weight: bold;
|
|
}
|
|
.client-branch-label {
|
|
padding: 0.2rem;
|
|
border-radius: 0.2rem;
|
|
display: inline-block;
|
|
}
|
|
.scroll-container {
|
|
display: flex;
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.scroll-item {
|
|
flex: 0 0 auto;
|
|
width: 25%; /* Adjust based on the number of items you want to show */
|
|
box-sizing: border-box;
|
|
padding: 0 10px;
|
|
}
|
|
.center_text{
|
|
text-align: center;
|
|
}
|
|
.card-body {
|
|
padding: 0rem ;
|
|
}
|
|
|
|
.number_css{
|
|
font-family: Roboto, sans-serif;
|
|
color: #343a40;
|
|
}
|
|
.label_bottom_reduce{
|
|
margin-bottom: .0rem;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="tab-pane fade" id="enrollment-dash-tab">
|
|
|
|
<div class="row visa_status_count_view">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header"></div>
|
|
<div class="card-body status-option" id="statusContent" style="padding: 0.5rem !important;background-color: #edf1f5;">
|
|
<div class="scroll-container">
|
|
<?php foreach ($client_branch_emp_list as $clients) { ?>
|
|
<?php foreach ($clients['branches'] as $branches) { ?>
|
|
<div class="scroll-item">
|
|
<div class="card">
|
|
<div class="card-body emp-count-view-click">
|
|
<div class="d-flex justify-content-center">
|
|
<div class="col-12 center_text" style="background-color: #02a8b5;">
|
|
<label for="" class="client-branch-label">
|
|
<?php echo isset($clients['short_name']) ? $clients['short_name'] : 'N/A'; ?> -
|
|
<?php echo isset($branches['branch_name']) ? $branches['branch_name'] : 'N/A'; ?>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="row emp-status">
|
|
<div class="col-12 center_text">
|
|
<span class="number_css" style="font-size: x-large;"><?php echo isset($branches['employees']) ? count($branches['employees']) : '0'; ?></span><br>
|
|
<i class="fa fa-users" aria-hidden="true"></i>
|
|
</div>
|
|
<div class="col-6 center_text">
|
|
<span style="font-size: x-large;" class="number_css"><?php echo isset($branches['emp_login']) ? $branches['emp_login'] : '0'; ?></span><br>
|
|
<label class="label_bottom_reduce" for="" style="color: gray;font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);">Logged-In</label>
|
|
</div>
|
|
<div class="col-6 center_text">
|
|
<span style="font-size: x-large;" class="number_css"><?php echo isset($branches['emp_enroll']) ? count($branches['employees']) - $branches['emp_enroll'] : '0'; ?></span><br>
|
|
<label class="label_bottom_reduce" for="" style="color: gray;font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);">Draft</label>
|
|
</div>
|
|
|
|
|
|
<div class="col-6 center_text">
|
|
<span style="font-size: x-large;" class="number_css"><?php echo isset($branches['emp_login']) ? count($branches['employees']) - $branches['emp_login'] : '0'; ?></span><br>
|
|
<label class="label_bottom_reduce" for="" style="color: gray;font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);">Not Logged-In</label>
|
|
</div>
|
|
<div class="col-6 center_text">
|
|
<span style="font-size: x-large;" class="number_css"><?php echo isset($branches['emp_enroll']) ? $branches['emp_enroll'] : '0'; ?></span><br>
|
|
<label class="label_bottom_reduce" for="" style="color: gray;font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);">Enrolled</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.scroll-container').on('wheel', function(e) {
|
|
if (e.originalEvent.deltaY < 0) {
|
|
this.scrollLeft -= 100; // Adjust scroll speed
|
|
} else {
|
|
this.scrollLeft += 100; // Adjust scroll speed
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
});
|
|
</script>
|