{% extends "tenant/layouts/base.html" %}
{% block title %}Stock Log — {{ item.name }}{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h4 class="fw-bold mb-0">Stock Log — {{ item.name }}</h4>
  <span class="badge bg-primary fs-6">Current: {{ item.qty_on_hand }} units</span>
</div>
<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>Change</th><th>Reason</th></tr></thead>
      <tbody>
        {% for e in entries %}
        <tr>
          <td class="small text-muted">{{ e.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          <td class="fw-bold {{ 'text-success' if e.delta > 0 else 'text-danger' }}">
            {{ '+' if e.delta > 0 else '' }}{{ e.delta }}
          </td>
          <td class="small">{{ e.reason or '—' }}</td>
        </tr>
        {% else %}
        <tr><td colspan="3" class="text-center text-muted py-4">No log entries.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
<a href="{{ url_for('inventory.index') }}" class="btn btn-outline-secondary btn-sm mt-3">
  <i class="bi bi-arrow-left me-1"></i>Back to Inventory
</a>
{% endblock %}