{% extends 'dcim/device.html' %}
{% load helpers %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block content %}
    <div class="row">
        <div class="col col-md-12">
            <div class="card">
                <h5 class="card-header">
                    Change history
                    <div class="float-end">
                        <form method="GET" id="date-filter-form" style="display: inline-block;">
                            <div class="input-group" style="width: auto;">
                                <label for="after_date" class="input-group-text">Filter from date:</label>
                                <input type="date" 
                                       id="after_date" 
                                       name="after_date" 
                                       value="{{ current_date }}" 
                                       class="form-control"
                                       onchange="document.getElementById('date-filter-form').submit();">
                            </div>
                        </form>
                    </div>
                </h5>
                <div class="card-body">
                    {% if table %}
                        {% render_table table %}
                    {% else %}
                        <p class="text-muted">No backup history found for this device.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock content %}