<turbo-stream action="replace" target="consultant_modal"><template>
  <form data-turbo-frame="_top" action="/consultant_requests" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s83FowNxpTQeV2wkIBmKMMhZRwfUWQ7zRERaY6a7jLVXxZx8fQ8ZwDNHRvsD-UN452YaW8LlLXyzWeIroqVxoA" autocomplete="off" />
  

  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div class="field">
      <label for="consultant_request_name">
        Name
        <span class="text-red-500">*</span>
</label>      <input class="w-full border rounded p-2" required="required" type="text" name="consultant_request[name]" id="consultant_request_name" />
    </div>

    <div class="field">
      <label for="consultant_request_phone_number">
        <span class="translation_missing" title="translation missing: en.spree.consultant_listing.consultant_request.form.phone_number_label">Phone Number Label</span>
        <span class="text-red-500">*</span>
</label>      <input class="w-full border rounded p-2" required="required" type="tel" name="consultant_request[phone_number]" id="consultant_request_phone_number" />
    </div>

    <div class="field">
      <label for="consultant_request_email">
        Email
        <span class="text-red-500">*</span>
</label>      <input class="w-full border rounded p-2" required="required" type="email" name="consultant_request[email]" id="consultant_request_email" />
    </div>

    <div class="field">
      <label for="consultant_request_domain">
        Domain
        <span class="text-red-500">*</span>
</label>      <input class="w-full border rounded p-2" required="required" type="text" name="consultant_request[domain]" id="consultant_request_domain" />
    </div>

    <div class="field mb-4">
      <label for="consultant_request_years_of_experience">
        Years of Experience
        <span class="text-red-500">*</span>
</label>      <select class="w-full border rounded p-2" required="required" name="consultant_request[years_of_experience]" id="consultant_request_years_of_experience"><option value="" label=" "></option>
<option value="less_than_1">Less than 1 year</option>
<option value="one_to_three">1 - 3 years</option>
<option value="three_to_five">3 - 5 years</option>
<option value="five_to_ten">5 - 10 years</option>
<option value="more_than_ten">More than 10 years</option></select>
    </div>

    <div class="field mb-4">
      <label for="consultant_request_project_type">
        Project Type
        <span class="text-red-500">*</span>
</label>      <select class="w-full border rounded p-2" required="required" name="consultant_request[project_type]" id="consultant_request_project_type"><option value="" label=" "></option>
<option value="web_dev">Web Development</option>
<option value="mobile_app">Mobile Application</option>
<option value="ecommerce">E-commerce Platform</option>
<option value="consulting">Technical Consulting</option>
<option value="training">Training / Mentorship</option>
<option value="other">Other</option></select>
    </div>

    <div class="field mb-4">
      <label for="consultant_request_urgency">
        Urgency
        <span class="text-red-500">*</span>
</label>      <select class="w-full border rounded p-2" required="required" name="consultant_request[urgency]" id="consultant_request_urgency"><option value="" label=" "></option>
<option value="immediate">Immediate (within 1 week)</option>
<option value="short_term">Short Term (1 - 4 weeks)</option>
<option value="medium_term">Medium Term (1 - 3 months)</option>
<option value="long_term">Long Term (3+ months)</option></select>
    </div>
  </div>

  <div class="field mb-4">
   <div class="field">
      <label for="consultant_request_description">
        Request
        <span class="text-red-500">*</span>
</label>      <textarea class="w-full border rounded p-2" required="required" name="consultant_request[description]" id="consultant_request_description">
</textarea>
    </div>
  </div>

  <div class="actions mt-4">
    <input type="submit" name="commit" value="Submit" class="btn-primary" data-disable-with="Submit" />
  </div>
</form>
<script>
  document.addEventListener("turbo:frame-load", (event) => {
  if (event.target.id === "consultant_modal") {
    document.getElementById("modal").classList.remove("hidden")
  }
})
</script>
</template></turbo-stream>