47 lines
1.8 KiB
PHP
47 lines
1.8 KiB
PHP
<?php require_once 'includes/header.php'; ?>
|
|
|
|
<div class="container page-content" id="qr-generator-page">
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h1 class="mb-4">Generate Attendance QR Code</h1>
|
|
<p>Select a course and location to generate a unique QR code for student check-in.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-md-5">
|
|
<label for="qr-course-select" class="form-label"><strong>Select Course:</strong></label>
|
|
<select id="qr-course-select" class="form-select">
|
|
<option value="">-- Please select a course --</option>
|
|
<!-- Options will be loaded by JavaScript -->
|
|
</select>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<label for="qr-location-select" class="form-label"><strong>Select Location:</strong></label>
|
|
<select id="qr-location-select" class="form-select" disabled>
|
|
<option value="">-- Select a course first --</option>
|
|
<!-- Options will be loaded by JavaScript -->
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2 d-flex align-items-end">
|
|
<button id="generate-qr-btn" class="btn btn-primary w-100" disabled>Generate QR</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div id="qr-code-container" class="qr-code-container d-none">
|
|
<img id="qr-code-img" src="" alt="QR Code">
|
|
<p id="qr-code-caption" class="mt-2 text-muted"></p>
|
|
</div>
|
|
<div id="qr-loading-spinner" class="d-none">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|