Contact & Academic Inquiries

Send an Academic Inquiry

Fill out the form below to connect with our educational coordinators regarding upcoming study cohort dates, custom syllabus modules, or technical seminars.

<!-- Success Alert -->
<div x-show="submitStatus === 'success'" class="alert-box alert-success" style="display: none;" role="alert">
  <strong>Inquiry Received Successfully!</strong>
  <p style="margin: 0.4rem 0 0; font-size: 0.88rem; color: #a7f3d0;">
    Thank you for contacting Dime Learning Library. An academic advisor will review your message and reply within 24 to 48 business hours.
  </p>
</div>

<!-- Error Alert -->
<div x-show="submitStatus === 'error'" class="alert-box alert-error" style="display: none;" role="alert">
  <strong>Submission Error</strong>
  <p style="margin: 0.4rem 0 0; font-size: 0.88rem; color: #fca5a5;" x-text="errorMessage"></p>
</div>

<form @submit.prevent="submitForm()" novalidate>
  <div class="form-group">
    <label for="contact-name" class="form-label">Full Name *</label>
    <input type="text" 
           id="contact-name" 
           x-model="name" 
           class="form-control" 
           :class="{ 'error': errors.name }" 
           placeholder="e.g. Dr. Nguyen Van Minh" 
           aria-required="true">
    <div x-show="errors.name" class="field-error" x-text="errors.name" style="display: none;"></div>
  </div>

  <div class="form-group">
    <label for="contact-email" class="form-label">Email Address *</label>
    <input type="email" 
           id="contact-email" 
           x-model="email" 
           class="form-control" 
           :class="{ 'error': errors.email }" 
           placeholder="name@organization.com" 
           aria-required="true">
    <div x-show="errors.email" class="field-error" x-text="errors.email" style="display: none;"></div>
  </div>

  <div class="form-group">
    <label for="contact-program" class="form-label">Area of Interest / Educational Program</label>
    <select id="contact-program" x-model="program" class="form-control">
      <option value="foundations">Dime Technology Foundations Cohort (4-Week Live)</option>
      <option value="workshop">Custom Team Technical & Security Workshop</option>
      <option value="mentorship">One-on-One Technical Mentorship Block</option>
      <option value="general">General Educational & Research Inquiries</option>
    </select>
  </div>

  <div class="form-group">
    <label for="contact-date" class="form-label">Target Intake Month (Optional)</label>
    <input type="text" 
           id="contact-date" 
           x-model="cohortDate" 
           class="form-control" 
           placeholder="e.g. Next upcoming monthly cohort">
  </div>

  <div class="form-group">
    <label for="contact-message" class="form-label">Your Questions or Background *</label>
    <textarea id="contact-message" 
              x-model="message" 
              rows="5" 
              class="form-control" 
              :class="{ 'error': errors.message }" 
              placeholder="Tell us about your learning goals, current engineering background, or specific questions about the curriculum..." 
              aria-required="true"></textarea>
    <div x-show="errors.message" class="field-error" x-text="errors.message" style="display: none;"></div>
  </div>

  <button type="submit" 
          class="btn btn-primary" 
          style="width: 100%;" 
          :disabled="isSubmitting">
    <span x-show="!isSubmitting">Submit Academic Inquiry</span>
    <span x-show="isSubmitting" style="display: none;">Processing Submission...</span>
  </button>
</form>