{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h3 class="mb-4 text-primary">Master Change Logs</h3>

    <!-- Filter Form -->
    <form method="GET" class="row g-3 align-items-end border p-3 rounded shadow-sm bg-light">
        <div class="col-md-3">
            <label class="form-label">Changed By</label>
            <input type="text" name="user" value="{{ user_filter or '' }}" class="form-control" placeholder="Username">
        </div>
        <div class="col-md-3">
            <label class="form-label">Table</label>
            <input type="text" name="table" value="{{ table_filter or '' }}" class="form-control" placeholder="e.g. department">
        </div>
        <div class="col-md-3">
            <label class="form-label">Field</label>
            <input type="text" name="field" value="{{ field_filter or '' }}" class="form-control" placeholder="e.g. name">
        </div>
        <div class="col-md-3">
            <label class="form-label">Start Date</label>
            <input type="date" name="start_date" value="{{ start_date or '' }}" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">End Date</label>
            <input type="date" name="end_date" value="{{ end_date or '' }}" class="form-control">
        </div>
        <div class="col-md-12 text-end">
            <button type="submit" class="btn btn-primary me-2">Apply Filters</button>
            <a href="{{ url_for('master.view_master_logs') }}" class="btn btn-secondary">Reset</a>
        </div>
    </form>

    <!-- Log Table -->
    <div class="table-responsive mt-4">
        <table class="table table-bordered table-striped table-hover align-middle">
            <thead class="table-primary">
                <tr>
                    <th>Changed On</th>
                    <th>Changed by</th>
                    <th>Table</th>
                    <th>Record ID</th>
                    <th>Field</th>
                    <th>Old Value</th>
                    <th>New Value</th>
                </tr>
            </thead>
            <tbody>
                {% if logs.items %}
                    {% for log in logs.items %}
                    <tr>
                        <td>{{ log.changed_on.strftime('%Y-%m-%d %H:%M:%S') }}</td>
                        <td>{{ log.changed_by_employee.full_name if log.changed_by_employee else 'Unknown' }}</td>
                        <td>{{ log.table_name }}</td>
                        <td>{{ log.record_id }}</td>
                        <td>{{ log.field_name }}</td>
                        <td>{{ log.old_value }}</td>
                        <td>{{ log.new_value }}</td>
                    </tr>
                    {% endfor %}
                {% else %}
                    <tr><td colspan="7" class="text-center text-muted">No logs found for selected filters.</td></tr>
                {% endif %}
            </tbody>
        </table>
    </div>

    <!-- Pagination -->
    <nav aria-label="Page navigation">
        <ul class="pagination justify-content-center">
            {% if logs.has_prev %}
                <li class="page-item">
                    <a class="page-link" href="{{ url_for('master.view_master_logs', page=logs.prev_num, user=user_filter, table=table_filter, field=field_filter, start_date=start_date, end_date=end_date) }}">Previous</a>
                </li>
            {% else %}
                <li class="page-item disabled"><span class="page-link">Previous</span></li>
            {% endif %}

            {% for page_num in logs.iter_pages(left_edge=2, right_edge=2, left_current=2, right_current=2) %}
                {% if page_num %}
                    {% if page_num == logs.page %}
                        <li class="page-item active"><span class="page-link">{{ page_num }}</span></li>
                    {% else %}
                        <li class="page-item">
                            <a class="page-link" href="{{ url_for('master.view_master_logs', page=page_num, user=user_filter, table=table_filter, field=field_filter, start_date=start_date, end_date=end_date) }}">{{ page_num }}</a>
                        </li>
                    {% endif %}
                {% else %}
                    <li class="page-item disabled"><span class="page-link">…</span></li>
                {% endif %}
            {% endfor %}

            {% if logs.has_next %}
                <li class="page-item">
                    <a class="page-link" href="{{ url_for('master.view_master_logs', page=logs.next_num, user=user_filter, table=table_filter, field=field_filter, start_date=start_date, end_date=end_date) }}">Next</a>
                </li>
            {% else %}
                <li class="page-item disabled"><span class="page-link">Next</span></li>
            {% endif %}
        </ul>
    </nav>
</div>
{% endblock %}