{% extends "tenant/layouts/base.html" %}
{% block title %}Reconciliation{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h4 class="fw-bold mb-0"><i class="bi bi-calculator me-2"></i>End-of-Day Reconciliation</h4>
  <a href="{{ url_for('reconciliation.close_day') }}" class="btn btn-primary btn-sm">Close Today</a>
</div>
{% if records %}
<div class="card shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead class="table-light">
        <tr><th>Date</th><th>Cash</th><th>App Payments</th><th>Tips</th><th>Gift Cards</th><th>Expected</th><th>Actual</th><th>Variance</th><th>Closed By</th></tr>
      </thead>
      <tbody>
        {% for r in records %}
        <tr>
          <td class="fw-semibold">{{ r.date.strftime('%Y-%m-%d') }}</td>
          <td>${{ "%.2f"|format(r.total_cash) }}</td>
          <td>${{ "%.2f"|format(r.total_app_payments) }}</td>
          <td>${{ "%.2f"|format(r.total_tips) }}</td>
          <td>${{ "%.2f"|format(r.total_gift_card_redemptions) }}</td>
          <td>${{ "%.2f"|format(r.expected_cash_in_drawer) }}</td>
          <td>${{ "%.2f"|format(r.actual_cash_counted) }}</td>
          <td class="fw-semibold {{ 'text-danger' if r.variance < 0 else 'text-success' if r.variance > 0 else '' }}">
            {{ '+' if r.variance > 0 else '' }}${{ "%.2f"|format(r.variance) }}
          </td>
          <td class="small text-muted">{{ r.closed_at.strftime('%I:%M %p') if r.closed_at else '—' }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="alert alert-light">No reconciliation records yet.</div>
{% endif %}
{% endblock %}