{% extends 'base.html' %}
{% block content %}
<h3>📊 Month-wise Attendance Summary</h3>

<form method="get" class="row g-3 mb-4">
    <div class="col-md-3">
        <label for="month" class="form-label">Select Month</label>
        <input type="month" id="month" name="month" class="form-control" value="{{ selected_month }}">
    </div>
    <div class="col-md-3">
        <label for="employee_name" class="form-label">Employee Name</label>
        <input type="text" id="employee_name" name="employee_name" class="form-control" value="{{ request.args.get('employee_name', '') }}">
    </div>
    <div class="col-md-3 align-self-end">
        <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> Filter</button>
    </div>
</form>

{% if employees %}
<table class="table table-bordered table-striped">
    <thead class="table-dark">
        <tr>
            <th>Employee</th>
            {% for day in days_in_month %}
                <th>{{ day.day }}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for emp in employees %}
        <tr>
            <td>{{ emp.full_name }}</td>
            {% for day in days_in_month %}
                {% set att = attendance_map.get((emp.id, day.strftime('%Y-%m-%d'))) %}
                <td style="padding: 2px; text-align: center">
                    {% if att %}
                        {% if frozen %}
                            <span title="{{ att.tooltip }}">{{ att.icon }}</span>
                        {% else %}
                            <form method="post" action="{{ url_for('attendance.update_manual_attendance') }}">
                                <input type="hidden" name="employee_id" value="{{ emp.id }}">
                                <input type="hidden" name="date" value="{{ day.strftime('%Y-%m-%d') }}">
                                <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
                                    <option value="present" {% if att.status == 'present' %}selected{% endif %}>✅</option>
                                    <option value="half-day" {% if att.status == 'half-day' %}selected{% endif %}>🌓</option>
                                    <option value="paid_leave" {% if att.status == 'paid_leave' %}selected{% endif %}>✈️</option>
                                    <option value="holiday" {% if att.status == 'holiday' %}selected{% endif %}>🎉</option>
                                    <option value="weekend" {% if att.status == 'weekend' %}selected{% endif %}>🎓</option>
                                    <option value="lwp" {% if att.status == 'lwp' %}selected{% endif %}>❌</option>
                                </select>
                            </form>
                        {% endif %}
                    {% else %}
                        {% if frozen %}-{% else %}
                            <form method="post" action="{{ url_for('attendance.update_manual_attendance') }}">
                                <input type="hidden" name="employee_id" value="{{ emp.id }}">
                                <input type="hidden" name="date" value="{{ day.strftime('%Y-%m-%d') }}">
                                <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
                                    <option value="">-</option>
                                    <option value="present">✅</option>
                                    <option value="half-day">🌓</option>
                                    <option value="paid_leave">✈️</option>
                                    <option value="holiday">🎉</option>
                                    <option value="weekend">🎓</option>
                                    <option value="lwp">❌</option>
                                </select>
                            </form>
                        {% endif %}
                    {% endif %}
                </td>
            {% endfor %}
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<div class="alert alert-info">No attendance records found for this month.</div>
{% endif %}
{% endblock %}