{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
    <h3>📅 Attendance Summary - {{ month }}/{{ year }}</h3>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Date</th>
                <th>Status</th>
                <th>Remarks</th>
            </tr>
        </thead>
        <tbody>
            {% for record in attendance %}
            <tr>
                <td>{{ record.date.strftime('%d %b %Y') }}</td>
                <td>
                    {% if record.status == 'Present' %}
                        <span class="badge bg-success">{{ record.status }}</span>
                    {% elif record.status == 'Paid Leave' %}
                        <span class="badge bg-primary">{{ record.status }}</span>
                    {% elif record.status in ['LOP', 'LWP'] %}
                        <span class="badge bg-danger">{{ record.status }}</span>
                    {% else %}
                        {{ record.status }}
                    {% endif %}
                </td>
                <td>{{ record.remarks or '-' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}