<!-- Edit Course Modal -->
<div class="modal fade" id="editCourseModal" tabindex="-1" aria-labelledby="editCourseModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<form autocomplete="off" id="editCourseForm">
<div class="modal-header">
<h5 class="modal-title" id="editCourseModalLabel">Edit Course</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label for="courseNameInput" class="form-label">Course Name</label>
<input type="text" class="form-control" name="editCourseName" id="editCourseName"></input>
</div>
<div class="mb-3">
<label for="courseDescriptionInput" class="form-label">Course Description</label>
<input type="text" class="form-control" name="editCourseDescription" id="editCourseDescription"></input>
</div>
<div class="mb-3">
<label for="courseStartDateInput" class="form-label">Start Date</label>
<input type="date" class="form-control" name="editCourseStartDate" id="editCourseStartDate"></input>
</div>
<div class="mb-3">
<label for="courseEndDateInput" class="form-label">End Date</label>
<input type="date" class="form-control" name="editCourseEndDate" id="editCourseEndDate"></input>
</div>
<div class="mb-3">
<label for="courseDeliveryMethod" class="form-label">Delivery Method</label>
<select class="form-select" required name="editCourseDeliveryMethod" id="editCourseDeliveryMethod" aria-label="selectAccessLevel">
<option selected>Delivery Method</option>
<option value="In Person">In Person</option>
<option value="Online">Online</option>
</select>
</div>
<div class="mb-3 form-check form-switch">
<label for="courseSelfEnrol" class="form-label">Allow Self Enrolment?</label>
<input class="form-check-input" type="checkbox" role="switch" name="editCourseSelfEnrol" id="editCourseSelfEnrol"></input>
</div>
<div class="mb-3">
<label for="courseMaxParticipants" class="form-label">Maximum Participants</label>
<input class="form-control" type="number" name="editCourseMaxParticipants" id="editCourseMaxParticipants"></input>
</div>
<div class="modal-footer">
<input type="hidden" id="editCourseId" name="editCourseId">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary" id="addCourseBtn">Edit Course</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Edit Course Modal -->