Contact & Research Inquiries

Send an Inquiry Brief

Submit your briefing requirements or educational questions below.

  <!-- Success Notification -->
  <div class="form-success-box" x-show="success" x-cloak>
    <strong>Inquiry Received!</strong><br>
    Thank you for contacting our research library. Your brief has been routed to our academic team in Kuching, and we will reply within 1-2 business days.
  </div>

  <!-- Server / Network Error Notification -->
  <div class="form-error-box" x-show="serverError" x-cloak>
    <strong>Submission Error:</strong><br>
    <span x-text="errorMessage"></span>
  </div>

  <form @submit.prevent="submitForm" novalidate x-show="!success">
    <div class="form-group">
      <label class="form-label" for="contact-name">Full Name *</label>
      <input 
        type="text" 
        id="contact-name" 
        class="form-control" 
        placeholder="e.g. Dr. Adam Chen" 
        x-model="name"
        :class="{ 'has-error': errors.name }"
      >
      <div class="form-error-msg" x-show="errors.name" x-text="errors.name" x-cloak></div>
    </div>

    <div class="form-group">
      <label class="form-label" for="contact-email">Email Address *</label>
      <input 
        type="email" 
        id="contact-email" 
        class="form-control" 
        placeholder="e.g. adam@organization.edu" 
        x-model="email"
        :class="{ 'has-error': errors.email }"
      >
      <div class="form-error-msg" x-show="errors.email" x-text="errors.email" x-cloak></div>
    </div>

    <div class="grid grid-cols-2" style="gap: 1rem;">
      <div class="form-group">
        <label class="form-label" for="contact-service">Educational Service</label>
        <select id="contact-service" class="form-control" x-model="service">
          <option value="Custom Research Briefing">Custom Research Briefing</option>
          <option value="Bespoke Terminology Curriculum">Bespoke Terminology Curriculum</option>
          <option value="Key Management & Security Lab">Key Management & Security Lab</option>
          <option value="General Academic Inquiry">General Academic Inquiry</option>
        </select>
      </div>

      <div class="form-group">
        <label class="form-label" for="contact-scope">Estimated Cohort Size</label>
        <select id="contact-scope" class="form-control" x-model="scope">
          <option value="Small Squad (1 - 5 persons)">Small Squad (1 - 5 persons)</option>
          <option value="Standard Cohort (6 - 15 persons)">Standard Cohort (6 - 15 persons)</option>
          <option value="Departmental (16 - 30 persons)">Departmental (16 - 30 persons)</option>
          <option value="Individual Researcher">Individual Researcher</option>
        </select>
      </div>
    </div>

    <div class="form-group">
      <label class="form-label" for="contact-message">Inquiry Brief / Specific Topics of Interest *</label>
      <textarea 
        id="contact-message" 
        class="form-control" 
        placeholder="Please detail your core technical questions, desired scheduling window, or documentation requirements..." 
        x-model="message"
        :class="{ 'has-error': errors.message }"
      ></textarea>
      <div class="form-error-msg" x-show="errors.message" x-text="errors.message" x-cloak></div>
    </div>

    <button type="submit" class="btn btn-primary" style="width: 100%;" :disabled="loading">
      <span x-show="!loading">Submit Research Inquiry</span>
      <span x-show="loading" x-cloak>Transmitting Brief...</span>
    </button>
  </form>
</div>