  <turbo-stream action="replace" target="order"><template><turbo-frame id="order">
  <div data-controller="contact-form" data-contact-form-submit-active-class="bg-blue-500 hover:bg-blue-600" data-contact-form-submit-inactive-class="bg-blue-200">
    <h2 class="text-4xl font-onest font-semibold tracking-tight text-gray-900 py-2">
      Оформить заявку
    </h2>

    <form class="space-y-4" action="/orders" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cHX1AlhsaRmeDwwmcMQW-bdkYJ8FgamY_mpJ3oT7uLjDFe5WGLI4Gj5bERFIakBAnDvHapDcYalPTM-9DFImsA" autocomplete="off" />
      
      <input autocomplete="off" type="hidden" value="basket" name="order[order_type]" id="order_order_type" />

      <div>
        <label class="block text-md font-medium text-gray-900 mb-1" for="order_phone">
          Телефон:
          <span class="text-red-500">*</span>
</label>        <input autofocus="autofocus" class="input block w-full sm:text-md sm:leading-6" type="text" name="order[phone]" id="order_phone" />
        
      </div>

      <div>
        <label class="block text-md font-medium text-gray-900 mb-1" for="order_name">Ваше имя:</label>
        <input class="input block w-full sm:text-md sm:leading-6" type="text" name="order[name]" id="order_name" />
        
      </div>

      <div>
        <label class="block text-md font-medium text-gray-900 mb-1" for="order_email">Email:</label>
        <input class="input block w-full sm:text-md sm:leading-6" type="text" name="order[email]" id="order_email" />
        
      </div>

      <div>
        <span class="text-red-500">*</span>
        <span class="text-sm text-gray-500">- поля обязательные для заполнения</span>
      </div>

      <div id="captcha-container"></div>

<script>
  window.smartCaptcha.render('captcha-container', {
    sitekey: 'ysc1_908ZY2QwjVJ69ob3VwgYrkDsJu1G9ix4CZC5ai1Qf5080403',
    hl: 'ru',
  });
</script>


      <div class="pt-2">
        <button name="button" type="submit" disabled="disabled" data-contact-form-target="submit" class="w-full text-xl text-white px-12 py-3 shadow-md">
          Оформить заявку
</button>      </div>

      <div class="flex items-center">
        <div class="pr-4">
          <input name="order[terms]" type="hidden" value="0" autocomplete="off" /><input data-contact-form-target="terms" data-action="click-&gt;contact-form#toggleSubmit" class="checkbox" type="checkbox" value="1" checked="checked" name="order[terms]" id="order_terms" />
        </div>

        <label for="order_terms">
          Даю свое согласие на
          <a class="text-blue-500 underline" href="/privacy">обработку персональных данных</a>
</label>      </div>
</form>  </div>
</turbo-frame></template></turbo-stream>
