{% 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>Cylinder Stock Review — {{ report.date }}
  {% if report.is_locked %}<span class="badge bg-secondary">Locked</span>{% endif %}
</h2>

<form method="post">
  {% csrf_token %}
  <table class="table table-sm">
    <thead>
      <tr>
        <th>Brand / Size</th><th>State</th><th>Opening</th><th>Expected</th>
        <th>Counted</th><th>Variance</th>
      </tr>
    </thead>
    <tbody>
      {% for line in lines %}
      <tr class="{% if line.variance != 0 and line.counted_qty is not None %}table-warning{% endif %}">
        <td>{{ line.group }}</td>
        <td>{{ line.get_state_display }}</td>
        <td>{{ line.opening_qty }}</td>
        <td>{{ line.expected_qty }}</td>
        <td>
          {% if report.is_locked %}
            {{ line.counted_qty }}
          {% else %}
            <input type="number" name="counted_{{ line.id }}" value="{{ line.counted_qty|default:'' }}" min="0" style="width:80px">
          {% endif %}
        </td>
        <td>{{ line.variance }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  {% if not report.is_locked %}
    <div class="mb-3">
      <label>Review comment</label>
      <textarea name="review_comment" class="form-control">{{ report.review_comment }}</textarea>
    </div>
    <button type="submit" name="save" class="btn btn-outline-primary">Save counts</button>
    <button type="submit" name="lock" value="1" class="btn btn-danger" onclick="return confirm('Lock this day? It cannot be edited after this.');">
      Confirm &amp; Lock Day
    </button>
  {% else %}
    <p><strong>Reviewed by:</strong> {{ report.reviewed_by }}<br>
       <strong>Comment:</strong> {{ report.review_comment }}<br>
       <strong>Locked at:</strong> {{ report.locked_at }}</p>
  {% endif %}
</form>
{% endblock %}