ติดต่อศูนย์ข้อมูลและการศึกษา Dime Research & Learning

แบบฟอร์มติดต่อสอบถามทางวิชาการ

กรุณากรอกข้อมูลในแบบฟอร์มด้านล่าง ทีมงานวิชาการของเราจะติดต่อกลับภายใน 24 ชั่วโมงทำการ

<!-- Success Message Alert -->
<div x-show="isSuccess" class="form-alert-success" x-transition style="display: none;">
  <div style="font-weight: 700; font-size: 1.05rem; margin-bottom: 0.25rem;">ส่งข้อความสำเร็จเรียบร้อยแล้ว</div>
  <div>ขอบพระคุณสำหรับความสนใจ ทีมวิชาการ Dime Research & Learning ได้รับข้อความของท่านแล้วและจะตอบกลับทางอีเมลโดยเร็วที่สุด</div>
</div>

<!-- Error Message Alert -->
<div x-show="errorMessage" class="form-error" style="margin-bottom: 1.25rem; font-size: 0.9rem;" x-text="errorMessage"></div>

<form @submit.prevent="submitForm()" x-show="!isSuccess">
  <div class="form-group">
    <label for="contact-name" class="form-label">ชื่อ-นามสกุล <span style="color: var(--sol-green);">*</span></label>
    <input type="text" id="contact-name" x-model="formData.name" class="form-control" placeholder="เช่น ดร. สมชาย ใจดี">
    <div x-show="errors.name" class="form-error" x-text="errors.name"></div>
  </div>

  <div class="form-group">
    <label for="contact-email" class="form-label">ที่อยู่อีเมล <span style="color: var(--sol-green);">*</span></label>
    <input type="email" id="contact-email" x-model="formData.email" class="form-control" placeholder="name@example.com">
    <div x-show="errors.email" class="form-error" x-text="errors.email"></div>
  </div>

  <div class="form-group">
    <label for="contact-service" class="form-label">เรื่องที่ต้องการติดต่อ / หลักสูตรที่สนใจ</label>
    <select id="contact-service" x-model="formData.service" class="form-control">
      <option value="workshop-flagship">เวิร์กช็อป Dime Fundamentals & Node Simulator (4,500 บาท)</option>
      <option value="security-mentorship">หลักสูตรความปลอดภัยของกุญแจเข้ารหัส (3,200 บาท)</option>
      <option value="institutional-briefing">การบรรยายวิชาการสำหรับสถาบันการศึกษา / องค์กร (12,000 บาท)</option>
      <option value="research-collaboration">การปรึกษาข้อมูลวิจัยและโครงงานวิชาการ</option>
      <option value="general">สอบถามข้อมูลทั่วไป</option>
    </select>
  </div>

  <div class="form-group">
    <label for="contact-message" class="form-label">รายละเอียดข้อความหรือคำถาม <span style="color: var(--sol-green);">*</span></label>
    <textarea id="contact-message" x-model="formData.message" class="form-control" placeholder="ระบุรายละเอียด เช่น วัตถุประสงค์ในการศึกษา จำนวนผู้เรียนที่คาดหวัง หรือข้อซักถามทางเทคนิค..."></textarea>
    <div x-show="errors.message" class="form-error" x-text="errors.message"></div>
  </div>

  <button type="submit" class="btn btn-primary btn-lg" style="width: 100%;" :disabled="isSubmitting">
    <span x-show="!isSubmitting">ส่งข้อความติดต่อ (Submit Inquiry)</span>
    <span x-show="isSubmitting">กำลังดำเนินการส่งข้อมูล...</span>
  </button>
</form>