{% load custom_tags_and_filters %}
{% if page %}
    <div class="row" style="margin-bottom: 10px">
        {% if user|is_staff_on_tool:tool %}
            <div class="col-sm-6">
                {% url 'tool_config_history' tool.id as export_config_history_url %}
                {% button type="export" value="Export" url=export_config_history_url|concat:"?csv=true" target="_blank" %}
            </div>
        {% endif %}
        <div class="{% if user|is_staff_on_tool:tool %}col-sm-6{% else %}col-sm-12{% endif %} text-right">
            {% with paginator=page.paginator %}
                <div class="pagination" style="margin: 0">{% include "pagination/pagination_selector.html" %}</div>
            {% endwith %}
        </div>
    </div>
    <table class="table table-bordered table-condensed">
        <thead>
            <tr>
                <th>Date</th>
                <th>Operator</th>
                <th>Configuration change</th>
            </tr>
        </thead>
        <tbody>
            {% for config_history in page %}
                <tr>
                    <td class="text-nowrap">{{ config_history.modification_time|default:'Current' }}</td>
                    <td>{{ config_history.user }}</td>
                    <td>
                        {{ config_history.item_name }}:
                        {% render_template_string customizations|get_item:"tool_configuration_setting_template" "current_setting" config_history.get_config_history_setting %}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    {% with paginator=page.paginator %}
        <div class="pagination pull-right">{% include "pagination/pagination_pages.html" %}</div>
    {% endwith %}
    <script>
        function load_config_history_page(request_params)
        {
            load_config_history('{{ tool.id }}', request_params);
        }
    </script>
{% else %}
    <div class="pull-left form-control-static">
        <i>There is no configuration history for this tool.</i>
    </div>
{% endif %}
<div style="height: 200px"></div>