D
Dime Technology Library
การติดต่อสื่อสารและบริการข้อมูล

ติดต่อศูนย์วิจัยและสอบถามข้อมูล (Contact Us)

เราพร้อมให้ข้อมูลทางวิชาการและรายละเอียดโปรแกรมการศึกษาแก่ทุกท่าน ทีมงานจะตอบกลับข้อความของท่านภายใน 1-2 วันทำการ

จุดติดต่อสอบถามข้อมูลการศึกษาและบริการค้นคว้าวิจัย

ศูนย์การศึกษาและวิจัย

หากท่านมีข้อสงสัยเกี่ยวกับเนื้อหาวิชาการ ต้องการสอบถามรอบการจัดเวิร์กช็อป หรือประสงค์จะขอใบเสนอราคาสำหรับองค์กร ท่านสามารถติดต่อเราได้ตามช่องทางด้านล่างนี้

<div class="info-item">
  <div class="info-icon">
    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <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>
  <div>
    <strong style="color: var(--text-light); display: block; margin-bottom: 0.25rem;">ที่อยู่สำนักงาน (Office Address):</strong>
    <p style="color: var(--text-secondary); line-height: 1.6;">Office 7, 51 Placeholder Street, Chiang Mai 00000</p>
  </div>
</div>

<div class="info-item">
  <div class="info-icon">
    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <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>
  <div>
    <strong style="color: var(--text-light); display: block; margin-bottom: 0.25rem;">โทรศัพท์ (Phone):</strong>
    <p style="color: var(--text-secondary);">+66 52 000 652</p>
  </div>
</div>

<div class="info-item">
  <div class="info-icon">
    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <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>
  <div>
    <strong style="color: var(--text-light); display: block; margin-bottom: 0.25rem;">อีเมลติดต่อ (Email):</strong>
    <p><a href="mailto:info@smart-trailcore.click" style="color: var(--sol-cyan);">info@smart-trailcore.click</a></p>
  </div>
</div>

<div style="background: rgba(153, 69, 255, 0.08); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); padding: 1.25rem; margin-top: 2rem;">
  <h4 style="color: var(--sol-cyan); margin-bottom: 0.5rem; font-size: 0.95rem;">เวลาทำการและระยะเวลาตอบกลับ:</h4>
  <p style="color: var(--text-secondary); font-size: 0.85rem; line-height: 1.6; margin: 0;">
    เปิดทำการวันจันทร์ - ศุกร์ (09:00 - 17:00 น. ตามเวลาประเทศไทย)<br>
    ทีมวิชาการจะดำเนินการตรวจสอบและตอบกลับข้อความของท่านภายใน 1 - 2 วันทำการ
  </p>
</div>

<h3 style="font-size: 1.4rem; margin-bottom: 1.5rem; color: var(--text-light);">ส่งแบบฟอร์มติดต่อหรือนัดหมาย</h3>

<!-- Status Alerts -->
<template x-if="submitStatus === 'success'">
  <div class="alert-box alert-success" role="alert" x-text="submitMessage"></div>
</template>
<template x-if="submitStatus === 'error'">
  <div class="alert-box alert-danger" role="alert" x-text="submitMessage"></div>
</template>

<form @submit.prevent="handleSubmit" novalidate>
  <div class="form-group">
    <label for="name" class="form-label">ชื่อ-นามสกุล หรือชื่อหน่วยงาน <span style="color: #ff6b6b;">*</span></label>
    <input type="text" id="name" x-model="formData.name" class="form-control" placeholder="เช่น ดร. สมชาย ใจดี หรือ บริษัท ไอที จำกัด" :style="errors.name ? 'border-color: #ff6b6b;' : ''">
    <template x-if="errors.name">
      <div class="form-error" x-text="errors.name"></div>
    </template>
  </div>

  <div class="form-group">
    <label for="email" class="form-label">ที่อยู่อีเมลติดต่อ <span style="color: #ff6b6b;">*</span></label>
    <input type="email" id="email" x-model="formData.email" class="form-control" placeholder="example@organization.com" :style="errors.email ? 'border-color: #ff6b6b;' : ''">
    <template x-if="errors.email">
      <div class="form-error" x-text="errors.email"></div>
    </template>
  </div>

  <div class="form-group">
    <label for="service" class="form-label">หัวข้อหรือบริการที่ต้องการติดต่อ</label>
    <select id="service" x-model="formData.service" class="form-control">
      <option value="workshop">เวิร์กช็อปสถาปัตยกรรม Dime แบบเจาะลึก (Architecture Workshop)</option>
      <option value="consultation">การให้คำปรึกษาทางเทคนิคและทบทวนระบบ (Technical Consultation)</option>
      <option value="curriculum">การจัดทำหลักสูตรสำหรับองค์กร/สถาบัน (Custom Curriculum)</option>
      <option value="general">สอบถามข้อมูลงานวิจัยและคลังความรู้ทั่วไป (General Inquiry)</option>
    </select>
  </div>

  <div class="form-group">
    <label for="preferred_date" class="form-label">ช่วงเวลาหรือวันที่สะดวก (ทางเลือก)</label>
    <input type="text" id="preferred_date" x-model="formData.preferred_date" class="form-control" placeholder="เช่น ช่วงสัปดาห์ที่ 2 ของเดือนหน้า">
  </div>

  <div class="form-group">
    <label for="message" class="form-label">รายละเอียดคำถามหรือข้อความ <span style="color: #ff6b6b;">*</span></label>
    <textarea id="message" x-model="formData.message" class="form-control" placeholder="กรุณาระบุรายละเอียด เช่น จำนวนผู้เข้าร่วมอบรม ขอบเขตสถาปัตยกรรมที่ต้องการหารือ หรือข้อสงสัยทางเทคนิค..." :style="errors.message ? 'border-color: #ff6b6b;' : ''"></textarea>
    <template x-if="errors.message">
      <div class="form-error" x-text="errors.message"></div>
    </template>
  </div>

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