uldp-degree-mangement-system/views/admin/certificate/create.ejs

<div class="page-title-area">
  <div>
    <h1>Create Certificate</h1>
    <p class="subtitle">Register a new certificate record</p>
  </div>
  <a href="/admin/certificate" 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/certificate/create" 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">Certificate No. <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="certification_number" required
                value="<%= (typeof formData !== 'undefined' && formData) ? formData.certification_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="<%= (typeof formData !== 'undefined' && formData) ? formData.student_name || '' : '' %>">
            </div>
            <div class="col-md-6">
              <label class="form-label">Program / Title <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="program_name" required
                value="<%= (typeof formData !== 'undefined' && formData) ? formData.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="<%= (typeof formData !== 'undefined' && formData) ? formData.passport_number || '' : '' %>">
            </div>
            <div class="col-12">
              <label class="form-label">Address</label>
              <input type="text" class="form-control" name="address"
                value="<%= (typeof formData !== 'undefined' && formData) ? formData.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 %>" <%= (typeof formData !== 'undefined' && formData && formData.department === 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 %>" <%= (typeof formData !== 'undefined' && formData && formData.level === 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="<%= (typeof formData !== 'undefined' && formData && formData.issued_date) ? formData.issued_date.toString().substring(0,10) : '' %>">
            </div>
            <div class="col-md-4">
              <label class="form-label">Status</label>
              <select class="form-select" name="status">
                <option value="active">Active</option>
                <option value="revoked" <%= (typeof formData !== 'undefined' && formData && formData.status === 'revoked') ? 'selected' : '' %>>Revoked</option>
              </select>
            </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> Certificate Image</h5></div>
        <div class="card-body">
          <input type="file" class="form-control" name="certificate_image" accept="image/*">
        </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> Create Certificate</button>
          <a href="/admin/certificate" class="btn btn-outline-secondary w-100">Cancel</a>
        </div>
      </div>
    </div>
  </div>
</form>