{% extends 'base.html' %}
{% block content %}
<div class="container">
    <h2 class="mb-4">Approval Logs</h2>

    {% if logs.items %}
    <table class="table table-striped table-hover">
        <thead class="table-dark">
            <tr>
                <th>Employee Code</th>
                <th>Employee Name</th>
                <th>Action By</th>
                <th>Status</th>
                <th>Updated On</th>
            </tr>
        </thead>
                <tbody>
            {% for log in logs.items %}
            <tr>
                <td>
                    {% if log.approved_employee %}
                        {{ log.approved_employee.employee_code }}
                    {% else %}
                        <span class="text-muted">-</span>
                    {% endif %}
                </td>
                <td>
                    {% if log.approved_employee %}
                        {{ log.approved_employee.full_name }}
                    {% else %}
                        {{ log.pending_employee_name }}
                    {% endif %}
                </td>

                <td class="text-center">{{ log.approver.full_name if log.approver else 'Unknown' }}</td>
                <td class="text-center">
                    {% if log.status == 'approved' %}
                        <span class="badge bg-success">Approved</span>
                    {% else %}
                        <span class="badge bg-danger">Rejected</span>
                    {% endif %}
                </td>
                <td>{{ log.approved_on.strftime('%Y-%m-%d %H:%M') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <!-- Pagination controls -->
    <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('employee.view_approval_logs', page=logs.prev_num) }}">Previous</a>
            </li>
            {% else %}
            <li class="page-item disabled">
                <span class="page-link">Previous</span>
            </li>
            {% endif %}

            {% if logs.has_next %}
            <li class="page-item">
                <a class="page-link" href="{{ url_for('employee.view_approval_logs', page=logs.next_num) }}">Next</a>
            </li>
            {% else %}
            <li class="page-item disabled">
                <span class="page-link">Next</span>
            </li>
            {% endif %}
        </ul>
    </nav>

    {% else %}
    <div class="alert alert-info">
        No approvals or rejections recorded yet.
    </div>
    {% endif %}
</div>
{% endblock %}