{% extends "base.html" %}
{% block content %}
<div class="container-fluid py-3">
  <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
    <div>
      <h3 class="mb-1 fw-bold">{{ l('Stock alerts', 'স্টক সতর্কতা') }}</h3>
      <p class="text-muted mb-0">{{ l('Out of stock and low stock items are shown separately.', 'স্টক শেষ ও কম স্টক আলাদা করে দেখানো হচ্ছে।') }}</p>
    </div>
    <a href="{{ url_for('stock_adjustment') }}" class="btn btn-primary"><i class="bi bi-sliders me-1"></i> {{ l('Adjust stock', 'স্টক ঠিক করুন') }}</a>
  </div>

  <div class="card border-danger shadow-sm mb-3">
    <div class="card-header bg-danger text-white fw-semibold">{{ l('Out of stock', 'স্টক শেষ') }}</div>
    <div class="table-responsive">
      <table class="table align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th class="ps-3">{{ l('Code', 'কোড') }}</th>
            <th>{{ l('Product name', 'পণ্যের নাম') }}</th>
            <th>{{ l('Current stock', 'বর্তমান স্টক') }}</th>
            <th>{{ l('Action', 'করণীয়') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for p in out_of_stock %}
          <tr>
            <td class="ps-3">{{ p.product_code }}</td>
            <td class="fw-semibold">{{ p.name }}</td>
            <td><span class="badge bg-danger">0 {{ p.unit or '' }}</span></td>
            <td><a href="{{ url_for('create_purchase_order') }}" class="btn btn-sm btn-outline-danger">{{ l('Place order', 'অর্ডার করুন') }}</a></td>
          </tr>
          {% else %}
          <tr><td colspan="4" class="text-center text-muted py-3">{{ l('No products are out of stock.', 'কোনো পণ্যের স্টক শেষ হয়নি।') }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <div class="card border-warning shadow-sm">
    <div class="card-header bg-warning-subtle text-dark fw-semibold">{{ l('Low stock', 'কম স্টক') }}</div>
    <div class="table-responsive">
      <table class="table align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th class="ps-3">{{ l('Code', 'কোড') }}</th>
            <th>{{ l('Product name', 'পণ্যের নাম') }}</th>
            <th>{{ l('Current stock', 'বর্তমান স্টক') }}</th>
            <th>{{ l('Reorder level', 'রিঅর্ডার লেভেল') }}</th>
            <th>{{ l('Action', 'করণীয়') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for p in products %}
          <tr>
            <td class="ps-3">{{ p.product_code }}</td>
            <td class="fw-semibold">{{ p.name }}</td>
            <td>{{ '%.2f'|format(p.stock or 0) }} {{ p.unit or '' }}</td>
            <td>{{ '%.2f'|format(p.reorder_level or 0) }}</td>
            <td><a href="{{ url_for('stock_adjustment') }}" class="btn btn-sm btn-outline-primary">{{ l('Adjust stock', 'স্টক ঠিক করুন') }}</a></td>
          </tr>
          {% else %}
          <tr><td colspan="5" class="text-center text-muted py-3">{{ l('All products have healthy stock levels.', 'সব পণ্যের স্টক ঠিক আছে।') }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}