{%- do _template.plugin_manager.enable_plugin(["detail_filter"]) -%}

{% block body %}
  <div class="modal-header">
    {% block header_text %}<h5 class="modal-title">{{ gettext("View Record") + ' #' + request.args.get('id') }}</h5>{% endblock %}
    <button type="button" class="close" data-dismiss="modal">
      <span>×</span>
    </button>
  </div>
  <div class="modal-body">
    {% block details_search %}
      <div class="form-inline detail_filter_container col-lg-6">
        <label for="detail_filter">{{ gettext("Filter") }}</label>
        <input id="detail_filter" type="text" class="ml-3 form-control">
      </div>
    {% endblock %}
    {% block details_table %}
      <table class="table table-hover table-bordered searchable">
        {% for c, name in details_columns %}
          <tr>
            <td>
              <b>{{ name }}</b>
            </td>
            <td>{{ view.get_detail_value(model, c) }}</td>
          </tr>
        {% endfor %}
      </table>
    {% endblock %}
  </div>
{% endblock %}
{% block tail %}
  <script>
    document.addEventListener("DOMContentLoaded",()=>{
      new SearchDetail('detail_filter')
    });
  </script>
{% endblock %}