<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">Umpan balik</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="/id/contacts" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TH2uBsDba7vdoz6eVk71MCud02jg4iot_m5tP2fNg2MmJ41cOyPjqosr8T3-khUjihtLc50OG9P7UWA0exgtzQ" 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">Opsional, tetapi jika Anda ingin saya menghubungi Anda kembali, berikan email Anda</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="Hubungi" class="my-btn my-btn--dark" data-disable-with="Hubungi" />
  </div>

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

</template></turbo-stream>