<turbo-stream action="replace" target="contact_us"><template><!-- app/views/contact_forms/new.html.erb -->
<turbo-frame id="contact_us">
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="px-0 col col-sm-8 col-md-6 col-lg-5 col-xxl-4">

        <!-- Contact Form Card -->
        <div class="card blur contact-us-card px-xxl-3" data-controller="loader apple-detect">

          <div class="form-overlay card border-0 text-white" data-loader-target="loadingOverlay">
            <i class="bi bi-cup-hot-fill loading-icon mb-0" data-loader-target="loadingIcon" data-action="animationend->loader#handleLoadingEnd"></i>
            <p class="text-center form-result-message" data-loader-target="message" data-action="animationend->loader#handleComplete">Your message has been sent.</p>
          </div>

          <h1 class="card-title sign-up-title text-white borel display-5 text-center mb-0 mt-2" data-apple-detect-target="text">Let's chat</h1>
          <div class="card-body text-start" style="text-shadow: 1px 1px 3px gray">


              <!-- Contact Form -->
              <form class="text-white" data-loader-target="form" data-action="turbo:submit-end-&gt;loader#show" action="/contact_forms" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sHl2cEklc4kEPgeA5abFsx5PT_Fl-0md2kRvIgl_re3X-agg4p1ZCGuM5dj8J9mK0Rn3vCXRXX53vPhAipg1Jw" />

                <!-- Turbo Stream Form Errors -->
                <turbo-frame id="contact_form_errors"></turbo-frame>

                <input placeholder="Enter your name" maxlength="50" class="form-control mb-4" required="required" size="50" type="text" name="contact_form[name]" id="contact_form_name" />

                <input placeholder="Enter your email" maxlength="50" class="form-control mb-4" required="required" size="50" type="email" name="contact_form[email]" id="contact_form_email" />

                <textarea rows="5" placeholder="Enter message details..." maxlength="750" class="form-control mb-4" required="required" name="contact_form[message]" id="contact_form_message">
</textarea>

                <input type="submit" name="commit" value="Send Message" data-loader-target="button" data-disable-with="Send Message" class="btn btn-secondary dongle submit-message-button rounded-0 opacity-75 text-white" />
                <turbo-frame id="contact_form">
</turbo-frame></form>
          </div>
        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>