{% extends "admin/master.html" %}

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

{% block main %}
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link" href="{{ return_url }}">{{ gettext("List") }}</a>
    </li>
    {%- if view.can_create -%}
      <li class="nav-item">
        <a class="nav-link" href="{{ url_for('.create_view', url=return_url) }}">{{ gettext("Create") }}</a>
      </li>
    {%- endif -%}
    {%- if view.can_edit -%}
      <li class="nav-item">
        <a class="nav-link" href="{{ url_for('.edit_view', id=request.args.get('id') , url=return_url) }}">{{ gettext("Edit") }}</a>
      </li>
    {%- endif -%}
    <li class="nav-item">
      <a class="nav-link active disabled" href="#">{{ gettext("Details") }}</a>
    </li>
  </ul>
  {% 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 %}
{% endblock %}

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