{% extends "admin/master.html" %}
{% from "macro/icon.html" import render_icon %}
{% from "macro/pagination.html" import render_pager, render_simple_pager %}
{% from "macro/layout.html" import filter_options, page_size_form, export_options %}
{% from "macro/form.html" import render_form_fields %}

{% do _template.plugin_manager.add_request_plugins(["filters","form","editable","flatpickr"]) %}

{% set actions = view.get_list_actions() %}
{% set row_actions = view.get_row_actions() %}
{% set filter_groups = view.get_filter_groups() %}

{% if actions %}
  {%- do _template.plugin_manager.add_request_plugins(['list_action']) -%}
{% endif %}

{% macro link(action, url) %}
  <a class="icon" href="{{ url }}" title="{{ action.title }}">{{ render_icon(action.icon) }}</a>
{% endmacro %}

{% macro delete_row(action, row_id, row) %}
  <form class="icon" action="{{ url_for('.delete_view') }}" method="post">
    {% set delete_form = view.delete_form(id=view.get_pk_value(row)) %}
    {{ render_form_fields(delete_form) }}
    <button onclick="return confirm('{{ action.confirm }}');" title="{{ action.title }}" type="button">{{ render_icon(action.icon) }}</button>
  </form>
{% endmacro %}

{% macro render_row_action(action, row_id, row) %}
  {%- if action.type == "link" %}
    {{ link(action, action.get_url(row_id,row)) }}
  {%- elif action.type == "view_row" -%}
    {{ link(action, url_for('.details_view', id=row_id, url=return_url)) }}
  {%- elif action.type == "edit_row" -%}
    {{ link(action, url_for('.edit_view', id=row_id, url=return_url)) }}
  {%- elif action.type == "delete_row" -%}
    {{ delete_row(action, row_id, row) }}
  {%- endif %}
{% endmacro %}

{% block main %}
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" href="#">{{ gettext("List") }}
        {% if count %}({{ count }}){% endif %}
      </a>
    </li>
    {% if view.can_create %}
      <li class="nav-item">
        <a class="nav-link" href="{{ url_for('.create_view', url=return_url) }}" title="{{ gettext('Create New Record') }}">{{ gettext("Create") }}</a>
      </li>
    {% endif %}
    {% if view.can_export %}{{ export_options(view.export_types) }}{% endif %}
    {% block model_menu_bar_before_filters %}{% endblock %}
    {% if filter_groups %}<li class="nav-item">{{ filter_options(filter_groups) }}</li>{% endif %}
    {% if view.can_set_page_size %}<li class="nav-item">{{ page_size_form(page_size_url, page_size, view.page_size_options) }}</li>{% endif %}
    {% if actions %}
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">{{ gettext("With selected") }}</a>
        <div class="dropdown-menu">
          {% for p in actions %}<a class="dropdown-item" href="#" onclick="return listAction.execute('{{ p[0] }}');">{{ gettext(p[1]) }}</a>{% endfor %}
        </div>
      </li>
    {% endif %}
    {% if view.column_searchable_list %}
      <li class="nav-item ms-2">
        <form class="d-flex flex-wrap align-items-center my-2 my-lg-0" action="{{ return_url }}" method="get">
          {% for flt_name, flt_value in filter_args.items() %}<input name="{{ flt_name }}" type="hidden" value="{{ flt_value }}">{% endfor %}
          {% if page_size != default_page_size %}<input name="page_size" type="hidden" value="{{ page_size }}">{% endif %}
          {% for arg_name, arg_value in extra_args.items() %}<input name="{{ arg_name }}" type="hidden" value="{{ arg_value }}">{% endfor %}
          {% if sort_column is not none %}<input name="sort" type="hidden" value="{{ sort_column }}">{% endif %}
          {% if sort_desc %}<input name="desc" type="hidden" value="1">{% endif %}
          <div class="input-group">
            <input class="form-control" aria-label="search" name="search" placeholder="{{ view.search_placeholder() }}" type="text" value="{{ search | default('',true) }}">
            {% if search %}
              <span class="input-group-text">
                <a class="align-middle" href="{{ clear_search_url }}"><span>x</span></a>
              </span>
            {% endif %}
            <button class="btn btn-outline-secondary" type="submit">{{ render_icon("search") }}</button>
          </div>
        </form>
      </li>
    {% endif %}
    {% block model_menu_bar_after_filters %}{% endblock %}
  </ul>

  {% if filter_groups %}
    <form id="filter_form" action="{{ return_url }}" method="get">
      {% for arg_name, arg_value in extra_args.items() %}<input name="{{ arg_name }}" type="hidden" value="{{ arg_value }}">{% endfor %}
      {% if sort_column is not none %}<input name="sort" type="hidden" value="{{ sort_column }}">{% endif %}
      {% if sort_desc %}<input name="desc" type="hidden" value="1">{% endif %}
      {% if search %}<input name="search" type="hidden" value="{{ search }}">{% endif %}
      {% if page_size != default_page_size %}<input name="page_size" type="hidden" value="{{ page_size }}">{% endif %}
      <div class="float-end">
        <button class="btn btn-primary d-none" type="submit">{{ gettext("Apply") }}</button>
        {% if active_filters %}<a class="btn btn-secondary" href="{{ clear_search_url }}">{{ gettext("Reset Filters") }}</a>{% endif %}
      </div>
      <table class="filters">
      </table>
    </form>
  {% endif %}

  {% block list_table %}
    <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover model-list">
        <thead>
          <tr>
            {% block list_header scoped %}
              {% if actions %}
                <th class="list-checkbox-column">
                  <input class="action-rowtoggle" name="rowtoggle" title="{{ gettext('Select all records') }}" type="checkbox" />
                </th>
              {% endif %}
              {% if row_actions %}<th>Operates</th>{% endif %}
              {% for c, name in list_columns %}
                {% set column = loop.index0 %}
                <th class="column-header col-{{ c }}">
                  {% if view.is_sortable(c) %}
                    {% if sort_column == column %}
                      <a href="{{ sort_url(column, True) }}" title="{{ gettext('Sort by %(name)s', name=name) }}">
                        {{ name }}
                        <span>
                          {% if sort_desc %}
                            ↑
                          {% else %}
                            ↓
                          {% endif %}
                        </span>
                      </a>
                    {% else %}
                      <a href="{{ sort_url(column) }}" title="{{ gettext('Sort by %(name)s', name=name) }}">{{ name }}</a>
                    {% endif %}
                  {% else %}
                    {{ name }}
                  {% endif %}
                  {% if view.column_descriptions.get(c) %}<span data-role="tooltip" title="{{ view.column_descriptions[c] }}"></span>{% endif %}
                </th>
              {% endfor %}
            {% endblock %}
          </tr>
        </thead>
        {% for row in data %}
          <tr>
            {% block list_row scoped %}
              {% if actions %}
                <td>
                  <input class="action-checkbox" name="rowid" title="{{ gettext('Select record') }}" type="checkbox" value="{{ view.get_pk_value(row) }}" />
                </td>
              {% endif %}
              {% if row_actions %}
                <td class="list-buttons-column">{% for rowaction in row_actions %}{{ render_row_action(rowaction, view.get_pk_value(row) , row) }}{% endfor %}</td>
              {%- endif -%}
              {% set list_form = view.list_form(obj=row) if view.column_editable_list else None %}
              {% for c, name in list_columns %}
                <td class="col-{{ c }}">
                  {% set display_value = view.get_list_value(row, c) %}
                  {% if view.is_editable(c) %}
                    {{ list_form[c](pk=view.get_pk_value(row) , display_value=display_value) }}
                  {% else %}
                    {{ display_value }}
                  {% endif %}
                </td>
              {% endfor %}
            {% endblock %}
          </tr>
        {% else %}
          <tr>
            <td colspan="999">
              {% block empty_list_message %}<div class="text-center">{{ gettext("There are no items in the table.") }}</div>{% endblock %}
            </td>
          </tr>
        {% endfor %}
      </table>
    </div>
    {% block list_pager %}
      {% if num_pages is not none %}
        {{ render_pager(page, num_pages, pager_url) }}
      {% else %}
        {{ render_simple_pager(page, data|length == page_size, pager_url) }}
      {% endif %}
    {% endblock %}
  {% endblock %}
  {% if actions %}
    {% set action_form = view.action_form(url=return_url) %}
    <form id="action_form" class="d-none" action="{{ url_for('.action_view') }}" method="post">
      {{ render_form_fields(action_form) }}
    </form>
  {% endif %}

{% endblock %}

{% block tail %}
  {{ super() }}
  {% if filter_groups %}
    <div id="filter-groups-data" class="d-none">{{ filter_groups|tojson }}</div>
    <div id="active-filters-data" class="d-none">{{ active_filters|tojson }}</div>
  {% endif %}
  {% if actions %}
    <script>
      const actionErrorMessage = "{{ _('Please select at least one record.') }}";
      const actionsData = {{ actions | tojson }};
      let listAction;
      document.addEventListener("DOMContentLoaded",()=>{
          listAction = new ListAction(actionErrorMessage, actionsData);
      });
    </script>
  {% endif %}
{% endblock %}