{%- set _none = _template.theme.plugin.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" aria-label="Close"><span aria-hidden="true">&times;</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>
        {{ get_value(model, c) }}
        </td>
      </tr>
    {% endfor %}
    </table>
  {% endblock %}
  </div>
{% endblock %}

{% block tail %}
  <script>
    document.addEventListener("DOMContentLoaded",()=>{
      new SearchDetail('detail_filter')
    });
  </script>
{% endblock %}