นัดหมายปรึกษา
CONNECT & SCHEDULE

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

DIME Learning Library ติดต่อสอบถามหลักสูตรการเรียนรู้ เวิร์กช็อป และบริการวิจัยสถาปัตยกรรมบล็อกเชน Dime

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

ติดต่อและนัดหมายเซสชันวิชาการ

หากท่านมีคำถามเกี่ยวกับหลักสูตรการศึกษา เวิร์กช็อปความปลอดภัย หรือต้องการขอใบเสนอราคาสำหรับทีมวิศวกรรมขององค์กร สามารถกรอกข้อมูลผ่านแบบฟอร์มด้านข้างนี้ ทีมวิชาการของเราจะติดต่อกลับเพื่อประสานงานภายใน 1 วันทำการ

<div class="glass-card" style="margin: 2rem 0; padding: 2rem;">
  <h3 style="color: var(--sol-cyan); margin-bottom: 1.25rem;">ข้อมูลที่ตั้งและการติดต่อ</h3>
  
  <div style="display: flex; flex-direction: column; gap: 1.25rem; font-size: 1rem;">
    <div style="display: flex; gap: 1rem; align-items: flex-start;">
      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--sol-cyan)" stroke-width="2" style="flex-shrink: 0; margin-top: 4px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
      <div>
        <strong style="display: block; color: var(--text-primary);">ที่อยู่สำนักงาน (Office Address):</strong>
        <span style="color: var(--text-secondary);">Office 9, 45 Placeholder Avenue, Bangkok 00000</span>
      </div>
    </div>

    <div style="display: flex; gap: 1rem; align-items: flex-start;">
      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--sol-green)" stroke-width="2" style="flex-shrink: 0; margin-top: 4px;"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
      <div>
        <strong style="display: block; color: var(--text-primary);">หมายเลขโทรศัพท์ (Phone):</strong>
        <span style="color: var(--text-secondary);">+66 2 000 6520</span>
      </div>
    </div>

    <div style="display: flex; gap: 1rem; align-items: flex-start;">
      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--sol-purple)" stroke-width="2" style="flex-shrink: 0; margin-top: 4px;"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
      <div>
        <strong style="display: block; color: var(--text-primary);">อีเมลติดต่อ (Email):</strong>
        <a href="mailto:info@pulseconnecthub.click" style="color: var(--sol-cyan);">info@pulseconnecthub.click</a>
      </div>
    </div>

    <div style="display: flex; gap: 1rem; align-items: flex-start;">
      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--sol-cyan)" stroke-width="2" style="flex-shrink: 0; margin-top: 4px;"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
      <div>
        <strong style="display: block; color: var(--text-primary);">เวลาทำการ:</strong>
        <span style="color: var(--text-secondary);">จันทร์ - ศุกร์: 09:00 - 18:00 น. (เวลาประเทศไทย)</span>
      </div>
    </div>
  </div>
</div>

แบบฟอร์มนัดหมายและสอบถามหลักสูตร

<!-- Success Message Alert -->
<div x-show="submitted" class="alert-success" style="display: none;">
  <h4 style="color: var(--sol-green); margin-bottom: 0.5rem;">ส่งข้อมูลสำเร็จเรียบร้อยแล้ว</h4>
  <p style="margin-bottom: 1rem; color: var(--text-primary);">
    ขอบพระคุณสำหรับความสนใจ ทีมงานวิชาการ Understanding Dime ได้รับข้อมูลของท่านแล้ว และจะติดต่อกลับไปยังอีเมลที่ระบุภายใน 1 วันทำการ
  </p>
  <button type="button" class="btn btn-secondary btn-sm" @click="resetForm()">ส่งข้อความใหม่</button>
</div>

<!-- Error Message Alert -->
<div x-show="submissionError" class="alert-danger" style="display: none;">
  <span x-text="submissionError"></span>
</div>

<!-- Contact Form -->
<form @submit.prevent="submitForm()" x-show="!submitted">
  <div class="form-group">
    <label for="fullName" class="form-label">ชื่อ - นามสกุล หรือ ผู้ประสานงาน *</label>
    <input type="text" id="fullName" class="form-input" :class="{'is-invalid': errors.fullName}" x-model="formData.fullName" placeholder="เช่น คุณสมชาย สุขสมบูรณ์">
    <div class="form-error" x-show="errors.fullName" x-text="errors.fullName"></div>
  </div>

  <div class="form-group">
    <label for="email" class="form-label">ที่อยู่อีเมลติดต่อกลับ *</label>
    <input type="email" id="email" class="form-input" :class="{'is-invalid': errors.email}" x-model="formData.email" placeholder="name@organization.com">
    <div class="form-error" x-show="errors.email" x-text="errors.email"></div>
  </div>

  <div class="form-group">
    <label for="phone" class="form-label">หมายเลขโทรศัพท์ (ไม่บังคับ)</label>
    <input type="tel" id="phone" class="form-input" x-model="formData.phone" placeholder="+66 8X XXX XXXX">
  </div>

  <div class="form-group">
    <label for="serviceInterest" class="form-label">หลักสูตรหรือบริการที่สนใจ *</label>
    <select id="serviceInterest" class="form-select" x-model="formData.serviceInterest">
      <option value="ecosystem-masterclass">Dime Ecosystem & Architecture Masterclass (2 วัน)</option>
      <option value="wallet-security">Wallet Security & Key Management Advisory (1 วัน)</option>
      <option value="validator-infrastructure">Validator Infrastructure & Consensus Clinic (1 วัน)</option>
      <option value="research-analysis">Ecosystem Research & Technical Review (งานวิจัยเฉพาะ)</option>
      <option value="general-inquiry">สอบถามข้อมูลวิชาการทั่วไป</option>
    </select>
  </div>

  <div class="form-group">
    <label for="organizationType" class="form-label">ประเภทผู้เรียนหรือองค์กร</label>
    <select id="organizationType" class="form-select" x-model="formData.organizationType">
      <option value="individual">บุคคลทั่วไป / วิศวกรอิสระ</option>
      <option value="corporate">องค์กรธุรกิจ / ทีมพัฒนาซอฟต์แวร์</option>
      <option value="academic">สถาบันการศึกษา / นักวิจัย</option>
    </select>
  </div>

  <div class="form-group">
    <label for="message" class="form-label">รายละเอียดคำถาม ความต้องการ หรือช่วงเวลาที่สะดวก *</label>
    <textarea id="message" class="form-textarea" :class="{'is-invalid': errors.message}" x-model="formData.message" placeholder="ระบุรายละเอียด เช่น จำนวนผู้เรียน พื้นฐานความรู้ หรือโจทย์ทางเทคนิคที่ต้องการศึกษา..."></textarea>
    <div class="form-error" x-show="errors.message" x-text="errors.message"></div>
  </div>

  <div class="form-group">
    <label class="form-checkbox-label">
      <input type="checkbox" class="form-checkbox" x-model="formData.consent">
      <span>ข้าพเจ้ายินยอมให้ Understanding Dime ใช้ข้อมูลนี้สำหรับการติดต่อกลับและประสานงานด้านการศึกษาตาม <a href="/privacy/" target="_blank" style="text-decoration: underline;">นโยบายความเป็นส่วนตัว</a> *</span>
    </label>
    <div class="form-error" x-show="errors.consent" x-text="errors.consent"></div>
  </div>

  <div style="margin-top: 2rem;">
    <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>
  </div>
</form>