root
112 lines
4.8 KiB
PHP
112 lines
4.8 KiB
PHP
<?= $this->extend('layout/main_layout') ?>
|
|
<?= $this->section('content') ?>
|
|
<div class="container-xxl py-5">
|
|
<div class="container">
|
|
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
|
|
<br>
|
|
<h2 class="text-dark" style="font-family: Arial, sans-serif;">Final Exam Scores</h2>
|
|
</div>
|
|
|
|
<?php if (session()->get('status')): ?>
|
|
<div class="alert alert-success">
|
|
<?= session()->get('status') ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php
|
|
$formatScore = static function ($value) {
|
|
return ($value === null || $value === '') ? '' : esc($value);
|
|
};
|
|
$missingOkMap = $missingOkMap ?? [];
|
|
?>
|
|
|
|
<form action="<?= base_url('/teacher/updateFinalExamScores') ?>" method="post"
|
|
onsubmit="return validateForm()">
|
|
<?= csrf_field() ?>
|
|
|
|
<table class="table table-bordered mt-4">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Student Name</th>
|
|
<th class="text-center">Final Exam Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($students as $index => $student): ?>
|
|
<tr>
|
|
<td><?= $index + 1 ?></td>
|
|
<td><?= esc($student['firstname']) ?> <?= esc($student['lastname']) ?></td>
|
|
<td>
|
|
<?php
|
|
$rawScore = $student['score'] ?? null;
|
|
$isEmptyScore = ($rawScore === null || $rawScore === '');
|
|
$studentId = (int) ($student['student_id'] ?? 0);
|
|
$isMissingOk = !empty($missingOkMap[$studentId][0]);
|
|
?>
|
|
<input type="number" name="final_score[<?= esc($student['student_id']) ?>][score]"
|
|
value="<?= $formatScore($rawScore) ?>" class="form-control text-center <?= $isEmptyScore ? 'score-empty' : '' ?>" min="0" max="100" step="0.01"
|
|
placeholder="Enter score">
|
|
<label class="missing-check mt-1 <?= $isEmptyScore ? '' : 'd-none' ?>">
|
|
<input type="checkbox"
|
|
name="missing_ok[<?= esc($student['student_id']) ?>][final_exam]"
|
|
value="1"
|
|
class="missing-score-checkbox"
|
|
data-field-label="Final Exam" <?= $isMissingOk ? 'checked' : '' ?>>
|
|
Missing ok
|
|
</label>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
<button type="submit" class="btn btn-success">Save Changes</button>
|
|
<a href="<?= base_url('/teacher/scores'); ?>" class="btn btn-info">
|
|
<i class="bi bi-arrow-left-circle"></i> Back to Scores
|
|
</a>
|
|
</form>
|
|
<br>
|
|
</div>
|
|
<style>
|
|
.score-empty {
|
|
background-color: #fff3cd;
|
|
}
|
|
.missing-check {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
font-size: 0.75rem;
|
|
color: #6c757d;
|
|
}
|
|
</style>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const toggleEmptyClass = (input) => {
|
|
if (input.value === '' || input.value === null) {
|
|
input.classList.add('score-empty');
|
|
} else {
|
|
input.classList.remove('score-empty');
|
|
}
|
|
};
|
|
const toggleMissingCheck = (input) => {
|
|
const label = input.parentElement ? input.parentElement.querySelector('.missing-check') : null;
|
|
if (!label) return;
|
|
const empty = input.value === '' || input.value === null;
|
|
label.classList.toggle('d-none', !empty);
|
|
if (!empty) {
|
|
const checkbox = label.querySelector('input[type="checkbox"]');
|
|
if (checkbox) checkbox.checked = false;
|
|
}
|
|
};
|
|
|
|
document.querySelectorAll('input[type="number"]').forEach((input) => {
|
|
toggleEmptyClass(input);
|
|
toggleMissingCheck(input);
|
|
input.addEventListener('input', () => {
|
|
toggleEmptyClass(input);
|
|
toggleMissingCheck(input);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
<?= $this->endSection() ?>
|