{% extends "admin/base_site.html" %}
{% block extrastyle %}
    {{ block.super }}
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet">
{% endblock %}
{% block content %}
<h2>Gas Cylinder Stock</h2>
<table class="table">
  <thead>
    <tr><th>Brand</th><th>Size</th><th>Empty</th><th>Full</th><th>New (sale-only)</th></tr>
  </thead>
  <tbody>
    {% for row in rows %}
    <tr>
      <td>{{ row.group.brand }}</td>
      <td>{{ row.group.size }}</td>
      <td>{{ row.empty }}</td>
      <td>{{ row.full }}</td>
      <td>{{ row.new }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<a href="{% url 'gas_inventory:daily_report_today' %}" class="btn btn-primary">Review Today's Stock</a>

<h4 class="mt-4">Recent Movements</h4>
<ul class="list-group">
  {% for m in recent_movements %}
  <li class="list-group-item">{{ m.timestamp }} — {{ m.group }} — {{ m.get_move_type_display }} — {{ m.state_change }}</li>
  {% endfor %}
</ul>
{% endblock %}