{% load i18n %}
<div id="modal_{{id}}" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">

        <h4 class="modal-title">{% trans 'Help for this field' %}</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body ">
        <p class="helper-modal-hint text-muted small">
          {% blocktrans %}The title is what the help panel lists. The text is what
          someone reads when they click the question mark beside this
          field.{% endblocktrans %}
        </p>
        <div class="row">
          <form class="form" method="post" id="form_{{id}}" onsubmit="return false;">
          {{form.as_horizontal}}
            <input type="hidden" name="ftype" value="edit" />
            <input type="hidden" name="id_view" value="" />
            <input type="hidden" name="question_name" value="" />
            <input type="hidden" name="pk" value="" />
          </form>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Close' %}</button>
        <button id="modal_{{id}}_btn" type="button" class="btn btn-primary">{% trans 'Save changes' %}</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div id="del_modal_{{id}}" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">{% trans 'Deleting help instance' %}</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form class="formdelitem" method="post">
          <input type="hidden" value="" name="pk" />
          <input type="hidden" value="" name="question_name" />
        </form>
        <p>{% trans 'You are deleting the next helping item' %}</p>
        <p class="delp green"></p>
        <p>{% trans 'Are you sure you want to continue?' %} </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Close' %}</button>
        <button type="button" class="btn btn-primary btnsavedel">{% trans 'Yes, delete it' %}</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->