{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
    <h4>📊 Desktime Sync History</h4>
    <div class="table-responsive mt-3">
        <table class="table table-striped table-bordered">
            <thead class="table-dark">
                <tr>
                    <th>#</th>
                    <th>Started At</th>
                    <th>Ended At</th>
                    <th>Status</th>
                    <th>Message</th>
                </tr>
            </thead>
            <tbody>
                {% for log in logs %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ log.started_at.strftime('%Y-%m-%d %H:%M:%S') }}</td>
                    <td>{{ log.ended_at.strftime('%Y-%m-%d %H:%M:%S') if log.ended_at else '--' }}</td>
                    <td>
                        <span class="badge 
                            {% if log.status == 'Success' %} bg-success
                            {% elif log.status == 'Partial' %} bg-warning text-dark
                            {% else %} bg-danger {% endif %}">
                            {{ log.status }}
                        </span>
                    </td>
                    <td>{{ log.message or '--' }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}