uldp-degree-mangement-system/views/admin/qualification/edit.ejs

<div class="page-title-area">
  <div>
    <h1>Edit Qualification</h1>
    <p class="subtitle"><code style="font-size:0.8rem;color:var(--accent-color)"><%= qual.qualification_number %></code></p>
  </div>
  <a href="/admin/qualification" class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Back</a>
</div>

<% if (typeof error !== 'undefined' && error) { %>
  <div class="alert d-flex align-items-center gap-2 mb-3" style="background:var(--danger-soft);color:var(--danger-color);border:none;border-radius:var(--border-radius-sm);">
    <i class="fas fa-exclamation-circle"></i> <%= error %>
  </div>
<% } %>

<form method="POST" action="/admin/qualification/<%= qual._id %>/edit" enctype="multipart/form-data">
  <div class="row g-3">
    <div class="col-lg-8">

      <div class="card border-0 mb-3">
        <div class="card-header"><h5 class="card-header-title"><i class="fas fa-id-card"></i> Basic Information</h5></div>
        <div class="card-body">
          <div class="row g-3">
            <div class="col-md-6">
              <label class="form-label">Qualification No. <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="qualification_number" required value="<%= qual.qualification_number %>">
            </div>
            <div class="col-md-6">
              <label class="form-label">Student Full Name <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="student_name" required value="<%= qual.student_name %>">
            </div>
            <div class="col-md-6">
              <label class="form-label">Program Name <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="program_name" required value="<%= qual.program_name %>">
            </div>
            <div class="col-md-6">
              <label class="form-label">Passport No.</label>
              <input type="text" class="form-control" name="passport_number" value="<%= qual.passport_number || '' %>">
            </div>
            <div class="col-12">
              <label class="form-label">Address</label>
              <input type="text" class="form-control" name="address" value="<%= qual.address || '' %>">
            </div>
          </div>
        </div>
      </div>

      <div class="card border-0 mb-3">
        <div class="card-header"><h5 class="card-header-title"><i class="fas fa-tags"></i> Classification</h5></div>
        <div class="card-body">
          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label">Department <span class="text-danger">*</span></label>
              <select class="form-select" name="department" required>
                <option value="">-- Select --</option>
                <% departments.forEach(d => { %>
                  <option value="<%= d._id %>" <%= (qual.department && qual.department._id && qual.department._id.toString() === d._id.toString()) ? 'selected' : '' %>><%= d.name %></option>
                <% }); %>
              </select>
            </div>
            <div class="col-md-4">
              <label class="form-label">Level <span class="text-danger">*</span></label>
              <select class="form-select" name="level" required>
                <option value="">-- Select --</option>
                <% levels.forEach(l => { %>
                  <option value="<%= l._id %>" <%= (qual.level && qual.level._id && qual.level._id.toString() === l._id.toString()) ? 'selected' : '' %>><%= l.type %></option>
                <% }); %>
              </select>
            </div>
            <div class="col-md-4">
              <label class="form-label">Issue Date <span class="text-danger">*</span></label>
              <input type="date" class="form-control" name="issued_date" required value="<%= qual.issued_date ? new Date(qual.issued_date).toISOString().substring(0,10) : '' %>">
            </div>
            <div class="col-md-4">
              <label class="form-label">Status</label>
              <select class="form-select" name="status">
                <option value="active" <%= qual.status === 'active' ? 'selected' : '' %>>Active</option>
                <option value="revoked" <%= qual.status === 'revoked' ? 'selected' : '' %>>Revoked</option>
              </select>
            </div>
          </div>
        </div>
      </div>

      <div class="card border-0 mb-3">
        <div class="card-header"><h5 class="card-header-title"><i class="fas fa-book-open"></i> Thesis / Topic</h5></div>
        <div class="card-body">
          <div class="row g-3">
            <div class="col-12">
              <label class="form-label">Topic Title</label>
              <input type="text" class="form-control" name="topic_name" value="<%= qual.topic_name || '' %>">
            </div>
            <div class="col-12">
              <label class="form-label">Short Description</label>
              <textarea class="form-control" name="topic_short_desc" rows="3"><%= qual.topic_short_desc || '' %></textarea>
            </div>
          </div>
        </div>
      </div>

    </div>

    <div class="col-lg-4">
      <div class="card border-0 mb-3">
        <div class="card-header"><h5 class="card-header-title"><i class="fas fa-image"></i> Degree Image</h5></div>
        <div class="card-body">
          <% if (qual.degree_image) { %>
            <div class="mb-2">
              <img src="/admin/files/<%= qual.degree_image %>" alt="Degree image" class="img-thumbnail" style="max-height:110px;border-radius:var(--border-radius-sm);">
            </div>
          <% } %>
          <input type="file" class="form-control" name="degree_image" accept="image/*">
          <div class="form-text">Leave empty to keep current image.</div>
        </div>
      </div>
      <div class="card border-0">
        <div class="card-body d-flex flex-column gap-2">
          <button type="submit" class="btn btn-primary w-100"><i class="fas fa-save"></i> Save Changes</button>
          <a href="/admin/qualification" class="btn btn-outline-secondary w-100">Cancel</a>
        </div>
      </div>
    </div>
  </div>
</form>