{% unless page.comments_locked == true %}
  <!-- Start new comment form -->
  <div id="respond">
    <header class="section-title">
      <h3>Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="{{ page.url | relative_url }}#respond" style="display:none;">Cancel reply</a></small></h3>
    </header>
    <form id="comment-form" class="page__form js-form form" method="post" action="https://api.staticman.net/v2/entry/{{ site.repository }}/{{ site.staticman.branch }}/comments">
      <div class="form-group">
        <label class="sr-only" for="comment-form-name"><strong>Name</strong></label>
        <input type="text" id="comment-form-name" name="fields[name]" required spellcheck="false" placeholder="Name">
      </div>
      <div class="form-group">
        <label class="sr-only" for="comment-form-email"><strong>Email address</strong> <small>(used for <a href="http://gravatar.com">Gravatar</a> image and reply notifications)</small></label>
        <input type="email" id="comment-form-email" name="fields[email]" required spellcheck="false" placeholder="Email address (used for Gravatar image)">
      </div>
      <div class="form-group">
        <label class="sr-only" for="comment-form-url"><strong>Website</strong> <small>(optional)</small></label>
        <input type="url" id="comment-form-url" name="fields[url]" placeholder="Website (optional)">
      </div>
      <div class="form-group">
        <label class="sr-only" for="comment-form-message"><strong>Comment</strong> <small>(<a href="https://kramdown.gettalong.org/quickref.html">Markdown</a> is allowed)</small></label>
        <textarea type="text" rows="6" id="comment-form-message" name="fields[message]" required spellcheck="true" placeholder="Comment (Markdown is allowed)"></textarea>
      </div>
      <div class="form-group hidden" style="display: none;">
        <input type="hidden" name="options[origin]" value="{{ page.url | relative_url }}">
        <input type="hidden" name="options[parent]" value="{{ page.url | relative_url }}">
        <input type="hidden" id="comment-replying-to" name="fields[replying_to]" value="">
        <input type="hidden" id="comment-post-id" name="options[slug]" value="{{ page.slug }}">
        <input type="hidden" name="options[reCaptcha][siteKey]" value="{{ site.reCaptcha.siteKey }}">
        <input type="hidden" name="options[reCaptcha][secret]" value="{{ site.reCaptcha.secret }}">
      </div>
      <!-- Start comment form alert messaging -->
      <p class="hidden js-notice">
        <span class="js-notice-text"></span>
      </p>
      <!-- End comment form alert messaging -->
      <div class="form-group">
        <div class="g-recaptcha" data-sitekey="{{ site.reCaptcha.siteKey }}"></div>
        <label class="comment-reply-notifications" for="comment-form-reply">
          <input type="checkbox" id="comment-form-reply" name="options[subscribe]" value="email">
          Notify me of replies by email.
        </label>
        <button type="submit" id="comment-form-submit" class="btn">Send Comment</button>
      </div>
    </form>
  </div>
  <!-- End new comment form -->
  <script async src="https://www.google.com/recaptcha/api.js"></script>
{% else %}
  <p><em>Comments are closed. If you have a question concerning the content of this page, please feel free to <a href="/contact/">contact me</a>.</em></p>
{% endunless %}