{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
    <h4 class="mb-4">📅 Attendance for <strong>{{ employee.full_name }}</strong> – {{ month }}/{{ year }}</h4>
    <a href="{{ url_for('payroll.process_payroll_preview', month=month, year=year) }}" class="btn btn-sm btn-outline-secondary mb-3">← Back to Payroll Preview</a>

    <div class="table-responsive">
        <table class="table table-bordered table-hover table-striped align-middle">
            <thead class="table-dark">
                <tr>
                    <th>Date</th>
                    <th>Check-in</th>
                    <th>Check-out</th>
                    <th>Working Hours</th>
                    <th>Status</th>
                    <th>Source</th>
                </tr>
            </thead>
            <tbody>
                {% for r in records %}
                <tr>
                    <td>{{ r.date.strftime('%Y-%m-%d') }}</td>

                    <td>
                        {% if r.source == 'Desktime' %}
                            {{ r.desktime_log.first_activity.strftime('%H:%M') if r.desktime_log and r.desktime_log.first_activity else '--' }}
                        {% else %}
                            {{ r.check_in_time.strftime('%H:%M') if r.check_in_time else '--' }}
                        {% endif %}
                    </td>

                    <td>
                        {% if r.source == 'Desktime' %}
                            {{ r.desktime_log.last_activity.strftime('%H:%M') if r.desktime_log and r.desktime_log.last_activity else '--' }}
                        {% else %}
                            {{ r.check_out_time.strftime('%H:%M') if r.check_out_time else '--' }}
                        {% endif %}
                    </td>

                    <td>
                        {% if r.source == 'Desktime' and r.desktime_log %}
                            {{ "%.2f"|format(r.desktime_log.productive_hours) }}
                        {% else %}
                            {{ "%.2f"|format(r.working_hours) if r.working_hours else '0.00' }}
                        {% endif %}
                    </td>

                    <td>
                        {% if r.split_status %}
                            <div class="d-flex flex-column gap-1">
                                <span class="badge bg-primary">{{ r.split_status }}</span>
                                <small class="text-muted">Split Half-Day Leave</small>
                            </div>
                        {% else %}
                            <span class="badge 
                                {% if r.status == 'Present' %} bg-success 
                                {% elif r.status == 'Half Day' %} bg-warning text-dark
                                {% elif r.status == 'Leave' %} bg-primary 
                                {% elif r.status == 'Holiday' and r.source == 'Weekend' %} bg-dark 
                                {% elif r.status == 'Holiday' %} bg-danger 
                                {% elif r.status == 'Weekend' %} bg-dark
                                {% elif r.status == 'LWP' %} bg-secondary 
                                {% else %} bg-light text-dark {% endif %}">
                                {% if r.status == 'Holiday' and r.source == 'Weekend' %}
                                    Weekend Off
                                {% else %}
                                    {{ r.status or '--' }}
                                {% endif %}
                            </span>
                        {% endif %}
                    </td>

                    <td>
                        <span class="text-muted">{{ r.source or '--' }}</span>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}