<turbo-stream action="replace" target="remote_modal"><template>
  <turbo-frame id="remote_modal" target="_top">
  <div class="modal fade" data-controller="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Зворотній зв&#39;язок</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form class="simple_form new_contact" id="new_contact" novalidate="novalidate" action="/uk/contacts" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_7ao8eB2WPP87NgJCRDAyRT9OEBydlvv3KiHEymm4A51uyqt9AHvvDoMDjSpYf1Bx8N9uKf6TLDVvLyO66xyVg" autocomplete="off" />
  
  
  
  <div class="mb-3">
    <div class="mb-3 email optional contact_email"><label class="form-label email optional" for="contact_email">Email</label><input class="form-control string email optional" type="email" name="contact[email]" id="contact_email" /><div class="form-text">Необов&#39;язково, але якщо ви хочете, щоб я зв&#39;язався з вами, будь ласка, вкажіть вашу електронну пошту</div></div>
  </div>

  <div class="mb-3">
    <div class="mb-3 text required contact_content"><label class="form-label text required" for="contact_content">Content <abbr title="required">*</abbr></label><textarea class="form-control text required" autofocus="autofocus" data-controller="textarea-autogrow" name="contact[content]" id="contact_content">
</textarea></div>
  </div>

  <div class="actions d-flex flex-row-reverse">
    <input type="submit" name="commit" value="Зв&#39;яжіться з нами" class="my-btn my-btn--dark" data-disable-with="Зв&#39;яжіться з нами" />
  </div>

</form>
        </div>
      </div>
    </div>
  </div>
</turbo-frame>

</template></turbo-stream>