ติดต่อศูนย์การเรียนรู้และประสานงานวิชาการ

<h3 style="font-size: 1.4rem; margin-bottom: 1.5rem;">แบบฟอร์มส่งข้อมูลการติดต่อ</h3>

<!-- Success / Error Alert -->
<div x-show="submitStatus === 'success'" class="form-alert-success" x-text="submitMessage" style="display: none;"></div>
<div x-show="submitStatus === 'error'" class="form-alert-error" x-text="submitMessage" style="display: none;"></div>

<form @submit.prevent="submitForm()" novalidate>
  <div class="form-group">
    <label class="form-label" for="contact-name">ชื่อ-นามสกุล / สถาบันหรือองค์กร *</label>
    <input type="text" id="contact-name" class="form-control" 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">อีเมลสำหรับติดต่อกลับ *</label>
    <input type="email" id="contact-email" class="form-control" x-model="formData.email" placeholder="example@organization.ac.th">
    <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-control" x-model="formData.service">
      <option value="educational-workshops">เวิร์กช็อปสถาปัตยกรรมเทคโนโลยี Dime เชิงลึก (2 วัน)</option>
      <option value="security-training">การอบรมมาตรฐานความปลอดภัยกระเป๋าเงินและคีย์ (1 วัน)</option>
      <option value="validator-sessions">การสัมมนาเชิงเทคนิคโครงสร้างโหนดผู้ตรวจสอบ (1 วัน)</option>
      <option value="ecosystem-masterclass">มาสเตอร์คลาสการวิเคราะห์ระบบนิเวศและเครื่องมือพัฒนา</option>
      <option value="general-inquiry">สอบถามข้อมูลวิชาการทั่วไป / ข้อมูลวิจัย</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-attendees">จำนวนผู้เข้าอบรมโดยประมาณ</label>
    <select id="contact-attendees" class="form-control" x-model="formData.attendees">
      <option value="1-5">รายบุคคล / 1-5 ท่าน</option>
      <option value="10-25">กลุ่มย่อย / 10-25 ท่าน (แนะนำสำหรับเวิร์กช็อป)</option>
      <option value="26-50">กลุ่มใหญ่ / 26-50 ท่าน (การบรรยายพิเศษ)</option>
      <option value="50+">สถาบันการศึกษา / มากกว่า 50 ท่าน</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-message">รายละเอียดข้อซักถามหรือช่วงเวลาที่ต้องการจัด *</label>
    <textarea id="contact-message" class="form-control" rows="4" 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>

  <p style="font-size: 0.8rem; color: var(--text-muted); margin-top: 1rem; text-align: center;">
    การส่งแบบฟอร์มนี้เป็นไปตาม <a href="/privacy/" style="color: var(--sol-cyan); text-decoration: underline;">นโยบายความเป็นส่วนตัว</a> และข้อมูลจะไม่ถูกนำไปใช้ในเชิงพาณิชย์
  </p>
</form>