ติดต่อศูนย์การเรียนรู้ (Contact Us)

ส่งข้อความติดต่อหรือสำรองที่นั่ง

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

<!-- Success Alert -->
<div class="form-alert-success" x-show="success" style="display: none;" x-transition>
  <strong>ส่งข้อความเรียบร้อยแล้ว!</strong><br>
  ขอบคุณที่ให้ความสนใจหลักสูตรของเรา เจ้าหน้าที่ฝ่ายวิชาการจะติดต่อกลับตามอีเมลที่ท่านระบุไว้โดยเร็วที่สุด
</div>

<!-- Error Alert -->
<div class="form-alert-error" x-show="errorMessage" style="display: none;" x-transition>
  <span x-text="errorMessage"></span>
</div>

<form @submit.prevent="submitForm" x-show="!success">
  <div class="form-group">
    <label class="form-label" for="contact-name">ชื่อ-นามสกุล <span style="color: #f87171;">*</span></label>
    <input type="text" id="contact-name" class="form-input" :class="{'has-error': errors.name}" x-model="formData.name" placeholder="เช่น กิตติศักดิ์ รัตนวิเชียร">
    <div class="form-error-msg" x-show="errors.name" x-text="errors.name"></div>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-email">อีเมลติดต่อ <span style="color: #f87171;">*</span></label>
    <input type="email" id="contact-email" class="form-input" :class="{'has-error': errors.email}" x-model="formData.email" placeholder="name@company.com">
    <div class="form-error-msg" x-show="errors.email" x-text="errors.email"></div>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-service">หลักสูตรหรือบริการที่สนใจ</label>
    <select id="contact-service" class="form-select" x-model="formData.service">
      <option value="">-- กรุณาเลือกหลักสูตรที่ต้องการ --</option>
      <option value="digital-wallet-security">เวิร์กช็อปความปลอดภัยกระเป๋าดิจิทัลและการจัดการกุญแจ (Flagship)</option>
      <option value="validator-infrastructure">การอบรมสถาปัตยกรรมโหนดและการทำงานของผู้ตรวจสอบ (Validator)</option>
      <option value="technical-consultation">บริการให้คำปรึกษาและจัดทำหลักสูตรเฉพาะองค์กร (Custom Advisory)</option>
      <option value="general-inquiry">สอบถามข้อมูลทั่วไป / อื่นๆ</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-date">ช่วงเวลาหรือรอบการอบรมที่สะดวก</label>
    <input type="text" id="contact-date" class="form-input" x-model="formData.preferredDate" placeholder="เช่น รอบเดือนกันยายน 2569 หรือระบุช่วงเวลา">
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-message">ข้อความ / รายละเอียดการสอบถาม <span style="color: #f87171;">*</span></label>
    <textarea id="contact-message" rows="4" class="form-textarea" :class="{'has-error': errors.message}" x-model="formData.message" placeholder="ระบุจำนวนผู้เข้าอบรม พื้นฐานความรู้ หรือข้อสงสัยเพิ่มเติม..."></textarea>
    <div class="form-error-msg" x-show="errors.message" x-text="errors.message"></div>
  </div>

  <button type="submit" class="btn btn-primary" style="width: 100%;" :disabled="loading">
    <span x-show="!loading">ส่งข้อมูลเพื่อสำรองที่นั่ง</span>
    <span x-show="loading" style="display: none;">กำลังส่งข้อมูล...</span>
  </button>
</form>