ติดต่อศูนย์การเรียนรู้ Dime

นัดหมายและส่งคำถามทางวิชาการ

หากท่านมีข้อสงสัยเกี่ยวกับหลักสูตรการอบรม ต้องการนัดหมายการฝึกอบรมสำหรับทีมงาน หรือต้องการเสนอหัวข้อวิจัย สามารถติดต่อทีมวิชาการของเราได้ผ่านแบบฟอร์มด้านล่าง หรือช่องทางการติดต่ออย่างเป็นทางการ

<div style="margin-bottom: 1.5rem;">
  <div style="font-size: 0.8125rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700;">ที่อยู่สำนักงานและห้องปฏิบัติการ:</div>
  <div style="font-size: 1.05rem; color: var(--text-main); margin-top: 0.35rem; font-weight: 500;">
    Office 10, 25 Sample Road, Phuket 00000
  </div>
</div>

<div style="margin-bottom: 1.5rem;">
  <div style="font-size: 0.8125rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700;">หมายเลขโทรศัพท์:</div>
  <div style="font-size: 1.05rem; color: var(--sol-blue); margin-top: 0.35rem; font-weight: 600;">
    +66 76 000 329
  </div>
</div>

<div style="margin-bottom: 1.5rem;">
  <div style="font-size: 0.8125rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700;">อีเมลสำหรับการติดต่อทั่วไป:</div>
  <div style="font-size: 1.05rem; color: var(--sol-green); margin-top: 0.35rem; font-weight: 600;">
    info@think-orbitbase.click
  </div>
</div>

<div style="margin-bottom: 1.5rem;">
  <div style="font-size: 0.8125rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700;">เวลาทำการ:</div>
  <div style="font-size: 0.95rem; color: var(--text-muted); margin-top: 0.35rem;">
    วันจันทร์ – วันศุกร์: 09:00 – 18:00 น. (เวลาประเทศไทย)<br>
    (ปิดทำการในวันเสาร์-อาทิตย์ และวันหยุดนักขัตฤกษ์)
  </div>
</div>

<div style="background: rgba(153, 69, 255, 0.1); border-left: 3px solid var(--sol-purple); padding: 1rem; border-radius: 0 8px 8px 0;">
  <p style="font-size: 0.875rem; color: var(--text-main); margin: 0;">
    <strong>ระยะเวลาตอบกลับ:</strong> ทีมวิชาการของเราจะตอบกลับการสอบถามและประสานงานกลับภายใน 1-2 วันทำการ
  </p>
</div>

<div x-show="success" class="form-success-box" style="margin-bottom: 1.5rem; display: none;">
  <svg width="40" height="40" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="margin: 0 auto 0.75rem; color: var(--sol-green);">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
  </svg>
  <h4 style="font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--sol-green);">ส่งข้อความเรียบร้อยแล้ว</h4>
  <p style="font-size: 0.9rem; color: var(--text-main); margin: 0;">
    ขอบพระคุณสำหรับความสนใจ ทีมวิชาการของ Dime Learning Center ได้รับข้อมูลแล้ว และจะติดต่อกลับไปยังอีเมลที่ท่านระบุไว้โดยเร็ว
  </p>
</div>

<div x-show="errorMessage" class="form-error" style="margin-bottom: 1rem; padding: 0.75rem; background: rgba(248, 113, 113, 0.15); border: 1px solid #F87171; border-radius: 8px;" x-text="errorMessage" style="display: none;"></div>

<form @submit.prevent="submitForm" x-show="!success">
  <div class="form-group">
    <label for="name" class="form-label">ชื่อ-นามสกุล หรือ ชื่อองค์กร / สถาบัน <span style="color: #F87171;">*</span></label>
    <input type="text" id="name" class="form-input" x-model="name" placeholder="เช่น นายวิศวะ ดิจิทัล">
    <div class="form-error" x-text="errors.name" x-show="errors.name"></div>
  </div>

  <div class="form-group">
    <label for="email" class="form-label">ที่อยู่อีเมลสำหรับการติดต่อกลับ <span style="color: #F87171;">*</span></label>
    <input type="email" id="email" class="form-input" x-model="email" placeholder="name@organization.com">
    <div class="form-error" x-text="errors.email" x-show="errors.email"></div>
  </div>

  <div class="form-group">
    <label for="topic" class="form-label">หัวข้อที่สนใจ <span style="color: #F87171;">*</span></label>
    <select id="topic" class="form-select" x-model="topic">
      <option value="node-mastery">หลักสูตรอบรม Node Infrastructure Mastery</option>
      <option value="visibility-audit">การตรวจประเมิน Network Visibility & Telemetry Audit</option>
      <option value="validator-security">การวางสถาปัตยกรรมความปลอดภัย Validator Security</option>
      <option value="academic-partnership">ความร่วมมือทางวิชาการและงานวิจัย</option>
      <option value="general_inquiry">สอบถามข้อมูลทั่วไป</option>
    </select>
  </div>

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

  <button type="submit" class="btn btn-primary" style="width: 100%;" :disabled="loading">
    <span x-show="!loading">ส่งข้อมูลติดต่อ &rarr;</span>
    <span x-show="loading" style="display: none;">กำลังส่งข้อมูล...</span>
  </button>
</form>