63 lines
3.0 KiB
HTML
63 lines
3.0 KiB
HTML
<!-- Attendance Modal -->
|
|
<div id="attendanceModal" style="display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10000;" onclick="if(event.target === this) closeAttendanceModal();">
|
|
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 800px; background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
|
|
<div style="background-color: #3F51B5; color: white; padding: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
|
|
<h5 style="margin: 0; font-size: 18px;">Take Attendance</h5>
|
|
<button style="background: none; border: none; color: white; font-size: 24px; cursor: pointer; line-height: 24px;" onclick="closeAttendanceModal()">×</button>
|
|
</div>
|
|
<div style="padding: 20px; max-height: 80vh; overflow-y: auto;">
|
|
<form method="post" action="/app/save-attendance/" id="quickAttendanceForm">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="routine_id" id="modalRoutineId">
|
|
<input type="hidden" name="date" id="modalDate">
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="modalTeacherAttend" name="teacher_attend">
|
|
<label class="form-check-label" for="modalTeacherAttend">Teacher Present</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<select class="form-select" id="modalClassStatus" name="class_status">
|
|
<option value="True" selected>Conducted</option>
|
|
<option value="False">Not Conducted</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th width="5%">#</th>
|
|
<th width="40%">Name</th>
|
|
<th width="40%">Student ID</th>
|
|
<th width="15%">Present</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="modalStudentList">
|
|
<!-- Students will be loaded here -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="mt-3 d-flex justify-content-between">
|
|
<div>
|
|
<button type="button" class="btn btn-outline-success me-2" onclick="markAllPresent()">
|
|
<i class="fas fa-check-double me-1"></i> Mark All Present
|
|
</button>
|
|
<button type="button" class="btn btn-outline-danger" onclick="markAllAbsent()">
|
|
<i class="fas fa-times-circle me-1"></i> Mark All Absent
|
|
</button>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-save me-1"></i> Save Attendance
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Other modals can be added here --> |