<div class="kt-ops-modal" id="contact-reply-modal" data-ops-modal role="dialog" aria-modal="true"
  aria-labelledby="contact-reply-title" aria-hidden="true" tabindex="-1" hidden>
  <section class="kt-ops-modal__dialog">
    <form action="/dashboard/contactUs/send-reply?id=<%= contact._id %>" method="post" data-ops-form data-ops-reload-on-success="true" novalidate>
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <header class="kt-ops-modal__header">
        <div><span class="kt-ops-eyebrow"><%= i18n.__('operationsContent.reply') %></span><h2 id="contact-reply-title"><%= i18n.__('contactUs.reply') %></h2><p><%= contact.name %></p></div>
        <button class="kt-ops-modal__close" type="button" data-ops-modal-close aria-label="<%= i18n.__('operationsContent.modalClose') %>"><i class="ti ti-x"></i></button>
      </header>
      <div class="kt-ops-modal__body">
        <div class="kt-ops-field" data-ops-field>
          <label for="contact-reply-message"><%= i18n.__('contactUs.messageContent') %></label>
          <textarea class="kt-ops-control" id="contact-reply-message" name="reply" placeholder="<%= i18n.__('operationsContent.replyPlaceholder') %>" required></textarea>
          <p class="kt-ops-field__error" data-ops-field-error aria-live="polite"></p>
        </div>
      </div>
      <footer class="kt-ops-modal__actions">
        <button class="kt-ops-btn" type="button" data-ops-modal-close><%= i18n.__('operationsContent.cancel') %></button>
        <button class="kt-ops-btn kt-ops-btn--primary" type="submit" data-ops-loading-label="<%= i18n.__('operationsContent.saving') %>"><span class="kt-ops-btn__spinner" data-ops-button-spinner hidden></span><span data-ops-button-label><%= i18n.__('contactUs.send') %></span></button>
      </footer>
    </form>
  </section>
</div>
