Spaces:
Sleeping
Sleeping
File size: 5,508 Bytes
437681a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
{% extends 'base.html' %}
{% block title %}Edit User{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-8" style="padding:0;">
<form method="post" action="/admin/user/{{ user.id }}/edit" novalidate class="needs-validation" style="background:transparent;">
<div class="card mb-4 admin-card">
<div class="card-header bg-primary text-white rounded-top-4">Personal Details</div>
<div class="card-body row g-3">
<div class="col-md-6">
<label class="form-label">First Name</label>
<input type="text" class="form-control" name="first_name" value="{{ details.first_name or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Last Name</label>
<input type="text" class="form-control" name="last_name" value="{{ details.last_name or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" value="{{ details.email or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Mobile No</label>
<input type="tel" class="form-control" name="mobile" value="{{ details.mobile or '' }}" required pattern="[0-9]{10}">
</div>
<div class="col-md-6">
<label class="form-label">Date of Birth</label>
<input type="date" class="form-control" name="dob" value="{{ details.dob or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Gender</label>
<select class="form-select" name="gender" required>
<option value="">Select</option>
<option value="Male" {% if details.gender=='Male' %}selected{% endif %}>Male</option>
<option value="Female" {% if details.gender=='Female' %}selected{% endif %}>Female</option>
<option value="Other" {% if details.gender=='Other' %}selected{% endif %}>Other</option>
</select>
</div>
</div>
</div>
<div class="card mb-4 admin-card">
<div class="card-header bg-success text-white rounded-top-4">Educational Information</div>
<div class="card-body row g-3">
<div class="col-md-6">
<label class="form-label">Current Semester</label>
<input type="text" class="form-control" name="current_semester" value="{{ details.current_semester or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Class 10th Percentage</label>
<input type="number" step="0.01" min="0" max="100" class="form-control" name="tenth_percentage" value="{{ details.tenth_percentage or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Class 12th Percentage</label>
<input type="number" step="0.01" min="0" max="100" class="form-control" name="twelfth_percentage" value="{{ details.twelfth_percentage or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Graduation Percentage</label>
<input type="number" step="0.01" min="0" max="100" class="form-control" name="graduation_percentage" value="{{ details.graduation_percentage or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Specialization</label>
<input type="text" class="form-control" name="specialization" value="{{ details.specialization or '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Experience Status</label>
<select class="form-select" name="experience_status" required>
<option value="">Select</option>
<option value="Experienced" {% if details.experience_status=='Experienced' %}selected{% endif %}>Experienced</option>
<option value="Fresher" {% if details.experience_status=='Fresher' %}selected{% endif %}>Fresher</option>
</select>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary w-100">Update</button>
</form>
</div>
</div>
<script>
// Bootstrap validation
(function () {
'use strict';
var forms = document.querySelectorAll('.needs-validation');
Array.prototype.slice.call(forms).forEach(function (form) {
form.addEventListener('submit', function (event) {
if (!form.checkValidity()) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
})();
</script>
{% endblock %}
|