ติดต่อศูนย์การเรียนรู้และการอบรม Dime Guides & Resources

<div style="margin: 28px 0; display: flex; flex-direction: column; gap: 20px;">
  <div style="padding: 18px; background: rgba(13, 18, 36, 0.7); border-radius: 12px; border: 1px solid var(--border-subtle);">
    <strong style="color: var(--accent-green); display: block; margin-bottom: 4px; font-size: 0.95rem;">ที่อยู่สำนักงาน (Office Address):</strong>
    <span style="color: #FFFFFF; font-size: 1.05rem;">Office 10, 72 Demo Road, Bangkok 00000</span>
  </div>

  <div style="padding: 18px; background: rgba(13, 18, 36, 0.7); border-radius: 12px; border: 1px solid var(--border-subtle);">
    <strong style="color: var(--accent-cyan); display: block; margin-bottom: 4px; font-size: 0.95rem;">โทรศัพท์สายตรง (Phone):</strong>
    <a href="tel:+66 2 000 5410" style="color: #FFFFFF; font-size: 1.15rem; font-weight: 700;">+66 2 000 5410</a>
  </div>

  <div style="padding: 18px; background: rgba(13, 18, 36, 0.7); border-radius: 12px; border: 1px solid var(--border-subtle);">
    <strong style="color: var(--accent-purple); display: block; margin-bottom: 4px; font-size: 0.95rem;">อีเมลทางการ (Email):</strong>
    <a href="mailto:info@synap-trailcore.click" style="color: #FFFFFF; font-size: 1.05rem;">info@synap-trailcore.click</a>
  </div>
</div>

<div style="padding: 16px; background: rgba(7, 10, 20, 0.6); border-radius: 12px; border: 1px solid var(--border-glass);">
  <strong style="color: #FFFFFF; display: block; margin-bottom: 4px;">เวลาทำการและการตอบกลับ:</strong>
  <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 0;">
    เปิดทำการวันจันทร์ – ศุกร์ เวลา 09:00 – 18:00 น. เจ้าหน้าที่จะติดต่อกลับและตอบข้อซักถามของท่านภายใน 24 ชั่วโมงทำการ
  </p>
</div>

แบบฟอร์มส่งข้อความและลงทะเบียน

กรอกรายละเอียดเพื่อขอรับคำปรึกษาหรือจองที่นั่งการอบรม

<form @submit.prevent="submitForm()" novalidate>
  <div class="form-group">
    <label class="form-label">ชื่อ - นามสกุล *</label>
    <input type="text" x-model="formData.fullName" class="form-control" placeholder="เช่น นายสมชาย ใจดี">
    <div x-show="errors.fullName" x-text="errors.fullName" class="form-error"></div>
  </div>

  <div class="form-group">
    <label class="form-label">อีเมลสำหรับติดต่อกลับ *</label>
    <input type="email" x-model="formData.email" class="form-control" placeholder="name@example.com">
    <div x-show="errors.email" x-text="errors.email" class="form-error"></div>
  </div>

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

  <div class="form-group">
    <label class="form-label">หลักสูตรหรือบริการที่สนใจ</label>
    <select x-model="formData.serviceInterest" class="form-control" style="background-color: #0c1024;">
      <option value="Dime Fundamentals Workshop">เวิร์กช็อป Dime Fundamentals & Security Literacy</option>
      <option value="Wallet Security Masterclass">การอบรมเจาะลึก Key Management & Wallet Security</option>
      <option value="Network Architecture Mentorship">การให้คำปรึกษาสถาปัตยกรรม Validator</option>
      <option value="Ecosystem Advisory">เซสชันวิเคราะห์ระบบนิเวศและเครื่องมือพัฒนา</option>
      <option value="General Academic Inquiry">สอบถามข้อมูลวิชาการทั่วไป</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label">รูปแบบการเรียนที่ต้องการ</label>
    <select x-model="formData.preferredFormat" class="form-control" style="background-color: #0c1024;">
      <option value="ออนไซต์ ณ ศูนย์การศึกษา กรุงเทพฯ">ออนไซต์ ณ ศูนย์การศึกษา กรุงเทพฯ</option>
      <option value="ห้องเรียนออนไลน์สด (Interactive Virtual)">ห้องเรียนออนไลน์สด (Interactive Virtual)</option>
      <option value="การอบรมนอกสถานที่สำหรับองค์กร (In-house)">การอบรมนอกสถานที่สำหรับองค์กร (In-house)</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label">ข้อความ หรือคำถามเพิ่มเติม *</label>
    <textarea x-model="formData.message" class="form-control" placeholder="ระบุรายละเอียด เช่น จำนวนผู้เรียน หรือหัวข้อที่ต้องการเน้นเป็นพิเศษ"></textarea>
    <div x-show="errors.message" x-text="errors.message" class="form-error"></div>
  </div>

  <button type="submit" class="btn btn-primary" style="width: 100%;" :disabled="loading">
    <span x-show="!loading">ส่งข้อความสอบถาม</span>
    <span x-show="loading">กำลังประมวลผล...</span>
  </button>

  <div x-show="successMessage" class="form-alert-success" x-text="successMessage" style="display: none;"></div>
  <div x-show="errorMessage" class="form-alert-error" x-text="errorMessage" style="display: none;"></div>
</form>