<turbo-stream action="update" target="turbo-modal"><template>
  <turbo-stream action="update" target="flash"><template><turbo-frame id="turbo_flash">
  <div data-controller="turbo-flash"></div>
  <div data-controller="notyf"></div>
</turbo-frame></template></turbo-stream>
<turbo-stream action="replace" target="turbo-modal"><template>
  <turbo-frame data-controller="turbo-modal" data-action="keyup@document-&gt;turbo-modal#escClose" id="turbo-modal">
    
    <div class="modal-wrapper" aria-labelledby="modal-title" role="dialog" aria-modal="true">
      <div>
        <div class="modal-overlay" aria-hidden="true" data-action="click->turbo-modal#close"></div>
        <span class="modal-center" aria-hidden="true">&#8203;</span>
        <div class="modal-content modal-sm">
          <div class="modal-header !py-2">
            <div class="modal-title" id="modal-title">
              <h2>Contact Us</h2>
            </div>
            <div class="modal-actions">
              <button type="button" data-action="click->turbo-modal#close" class="modal-close">
                <i class="ph-x-bold"></i>
              </button>
            </div>
          </div>
          <div class="modal-body gap-3">
            <form id="contact-submission-modal-form" data-turbo="false" data-remote="true" action="/accounts/0J8PPr8A/contact_threads" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pjlp0r0Hjsw1hHcbzTGViuEI5xQPXt4J5NNfnD41jcMQumouLjWYwOOeeOdba2TGllR0EdB8CQSU-ZsRkwKenQ" autocomplete="off" />
            <div class="on-eqmtxykpasfudcvjh_1775239902"><style media="screen">.on-eqmtxykpasfudcvjh_1775239902 {display:none;}</style><label for="on-eqmtxykpasfudcvjh">If you are a human, ignore this field</label><input type="text" name="on-eqmtxykpasfudcvjh" id="on-eqmtxykpasfudcvjh" autocomplete="off" tabindex="-1" /><input type="hidden" name="spinner" value="4a3ca19eb144d4ecf806c45af87d1c30" autocomplete="off" /></div>
            <div class="bg-white">
              <div class="mt-3 text-center sm:mt-0 sm:text-left">
                <div class="px-4 pb-4 sm:pb-4 grid grid-cols-12 gap-6">
                    <div class="col-span-12">
                      <label class="block text-sm font-medium text-gray-700 required" for="inbox_contact_thread_name">Name</label>
                      <input placeholder="Name" required="required" class="form-control" id="name-contact-field" type="text" name="inbox_contact_thread[name]" />
                    </div>
                    <div class="col-span-12">
                      <label class="block text-sm font-medium text-gray-700 required" for="inbox_contact_thread_email">Email</label>
                      <input placeholder="Email" required="required" class="form-control" id="email-contact-field" type="email" name="inbox_contact_thread[email]" />
                    </div>
                  <div class="col-span-12">
                    <label class="block text-sm font-medium text-gray-700 required" for="inbox_contact_thread_subject">Subject</label>
                    <input placeholder="Subject" required="required" class="form-control" type="text" name="inbox_contact_thread[subject]" id="inbox_contact_thread_subject" />
                  </div>
                  <div class="col-span-12">
                    <label class="block text-sm font-medium text-gray-700 required" for="inbox_contact_thread_body">Body</label>
                    <textarea placeholder="Body" required="required" class="form-control" name="inbox_contact_thread[body]" id="inbox_contact_thread_body">
</textarea>
                  </div>
                </div>
              </div>
            </div>
            <div class="bg-gray-50 px-4 py-3 sm:px-6 form-submit">
              <input type="submit" name="commit" value="Send Message" class="btn btn-primary" data-disable-with="Please wait..." />
            </div>
</form>        </div>
      </div>
    </div>
  </div>

</turbo-frame></template></turbo-stream></template></turbo-stream>
