<div class="modal fade" id="contact-modal" tabindex="-1" aria-labelledby="contact-modal-label" aria-hidden="true">
  <div class="modal-dialog">
    <form id="contact-form" class="modal-content" method="post" action="/contact">
      <div class="modal-header">
        <h5 class="modal-title" id="contact-modal-label">Contact us</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="form-floating">
          <% if (locals.questionId) { %>
            <input name="questionId" value="<%= questionId %>" style="display: none">
          <% } %>
          <% if (locals.redirect) { %>
            <input name="redirect" value="<%= redirect %>" style="display: none">
          <% } %>
          <textarea name="comment" class="form-control" placeholder="What do you want to tell us?" id="contactTextarea" style="height: 200px;"></textarea>
          <label for="contactTextarea">What do you want to tell us?</label>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <input type="submit" class="btn btn-primary" value="Send messsage">
      </div>
    </form>
  </div>
</div>
