ohctech_p8/health_index_charts.php
2024-10-16 19:18:52 +05:30

253 lines
9.3 KiB
PHP

<div style="font-family: Lucida Bright Demibold;">
<?php
?>
<style>
.button-36 {
/* background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%); */
border-radius: 8px;
border-style: none;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
flex-shrink: 0;
font-family: "Inter UI", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 500;
height: 4rem;
padding: 0 1.6rem;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
transition: all .5s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-36:hover {
box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
transition-duration: .1s;
}
@media (min-width: 768px) {
.button-36 {
padding: 0 2.6rem;
}
}
</style>
<?php
if ($_REQUEST['health_index_year'] == '') {
$_REQUEST['health_index_year'] = date('Y');
}
$sixLevel = "Excellent health";
$sixDescription = "Follow health related prevention and maintain health";
$fiveLevel = "Good health";
$fiveDescription = "Follow health related prevention";
$fourLevel = "Average health";
$fourDescription = "Follow up healthy lifestyle";
$threeLevel = "Below average health";
$threeDescription = "Needs lifestyle changes";
$secondLevel = "Poor health";
$secondDescription = "Need urgent improvement";
$fisrtLevel = "Very poor health";
$fisrtDescription = "Need very urgent modifications";
$firstColor = '#ff0000';
$secondColor = '#ff5733';
$thirdColor = '#f4b183';
$fourthColor = '#9dc3e6';
$fifthColor = '#92d050';
$sixthColor = '#00b050';
include "health_index_table.php";
?>
<center>
<div>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table width="20%" class="table table-bordered">
<tr>
<!-- <td>
<label for="health_index_date_from">From:</label>
<input type="date" class="form-control" id="health_index_date_from" name="health_index_date_from" value="<?php echo $_REQUEST['health_index_date_from'] ?>">
</td>
<td>
<label for="health_index_date_to">To:</label>
<input type="date" class="form-control" id="health_index_date_to" name="health_index_date_to" value="<?php echo $_REQUEST['health_index_date_to'] ?>">
</td> -->
<td>
<label for="health_index_year">Year Wise</label>
<input type="number" class="form-control" id="health_index_year" name="health_index_year" min="1900" max="2100" step="1" value="<?php echo $_REQUEST['health_index_year'] ?>">
<script>
document.getElementById('health_index_year').addEventListener('input', function() {
let value = this.value;
if (value.length > 4) {
this.value = value.slice(0, 4);
}
});
</script>
</td>
<td>
<button type="submit" class="btn btn-primary">GO</button>
</td>
</tr>
</table>
</form>
</center>
<div sy class="row">
<center>
<form method="post" name="show_data_form" id="show_data_form">
<input type="hidden" name="color_ids" id="color_ids">
</form>
<h3 style="color: blue; font-size: 25px; font-family: 'Times New Roman', Times, serif">What type of data do you want to see? Please choose one of the following options</h3>
<button style="background-color: <?php echo $firstColor ?>;" onclick="colorStore(this.value)" value="1" id="1_Health_id" class="button-36"><?php echo $fisrtLevel; ?></button>
<button style="background-color: <?php echo $secondColor ?>;" onclick="colorStore(this.value)" value="2" id="2_Health_id" class="button-36"><?php echo $secondLevel; ?></button>
<button style="background-color: <?php echo $thirdColor ?>;" onclick="colorStore(this.value)" value="3" id="3_Health_id" class="button-36"><?php echo $threeLevel; ?></button>
<button style="background-color: <?php echo $fourthColor ?>;" onclick="colorStore(this.value)" value="4" id="4_Health_id" class="button-36"><?php echo $fourLevel; ?></button>
<button style="background-color: <?php echo $fifthColor ?>;" onclick="colorStore(this.value)" value="5" id="5_Health_id" class="button-36"><?php echo $fiveLevel; ?></button>
<button style="background-color: <?php echo $sixthColor ?>;" onclick="colorStore(this.value)" value="6" id="6_Health_id" class="button-36"><?php echo $sixLevel; ?></button>
<br>
<br>
<br>
<center>
<!-- Button trigger modal -->
<button type="button" class="button-36" style="background-color: #6495ED;" data-toggle="modal" data-target="#health_index_model">
Click To View Health Index Data
</button>
</center>
</center>
<br>
<br>
<?php
$year = $_REQUEST['health_index_year'];
?>
<div class="col-lg-6">
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; text-align: center; font-family: Lucida Bright Demibold;">Health Index of Overall Organization - <?php echo $year ?></h2>
<?php
include "health_index_totalcount.php";
// echo implode(",", $ThirdCheckupId);
?>
<script>
function colorStore(color) {
// console.log(color + " COLOR");
var FirstCheckupId = '<?php echo implode(",", $FirstCheckupId) ?>';
var SecondCheckupId = '<?php echo implode(",", $SecondCheckupId) ?>';
var ThirdCheckupId = '<?php echo implode(",", $ThirdCheckupId) ?>';
var FourthCheckupId = '<?php echo implode(",", $FourthCheckupId) ?>';
var FiveCheckupId = '<?php echo implode(",", $FiveCheckupId) ?>';
var SixCheckupId = '<?php echo implode(",", $SixCheckupId) ?>';
console.log(FourthCheckupId);
if (color == 1) {
$("#color_ids").val(FirstCheckupId);
}
if (color == 2) {
$("#color_ids").val(SecondCheckupId);
}
if (color == 3) {
$("#color_ids").val(ThirdCheckupId);
}
if (color == 4) {
$("#color_ids").val(FourthCheckupId);
}
if (color == 5) {
$("#color_ids").val(FiveCheckupId);
}
if (color == 6) {
$("#color_ids").val(SixCheckupId);
}
// $("#color_ids").val(color);
if ($("#color_ids").val() != "") {
$("#show_data_form").attr('target', '_blank');
$("#show_data_form").attr('method', 'POST');
$("#show_data_form").attr('action', 'approved_medical_examination.php');
$("#show_data_form").submit();
}
}
</script>
</div>
<div class="col-lg-6">
<?php
// echo print_r($Gender_Array);
?>
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; text-align: center;font-family: Lucida Bright Demibold;">Health Index Trend </h2>
<?php
include("health_index_trend.php");
?>
</div>
</div>
<div class="row">
<center>
</center>
<div class="col-lg-6" style="font-family: Lucida Bright Demibold;">
<?php
include("health_index_trend_count.php");
?>
</div>
<div class="col-lg-6" style="font-family: Lucida Bright Demibold; background-color: white;" >
<?php
include "health_index_totalcount_data.php";
?>
</div>
</div>
<div class="row">
<center>
<br>
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; font-family: Lucida Bright Demibold;">Health Index Trend - <?php echo $year ?></h2>
<br>
</center>
<div class="col-lg-12">
<?php
include("age_wise_health_index_trend.php");
?>
</div>
</div>
<?php
include("gender_age_department_distribution.php");
?>