{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Restock Planning - {{ brand_name }}{% endblock %}
{% block body_class %}restock-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/restock_dashboard.css">
{% endblock %}
{% block content %}
<div class="container">
    <h1 class="brand">Restock Planning</h1>
    <div class="toolbar">
        {{ ui.button('Back to Admin', '/admin') }}
        {{ ui.button('Inventory', '/inventory') }}
        {{ ui.button('Wholesalers & Suppliers', '/restock/suppliers') }}
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="{{ category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <div class="panel">
        <h2>Generate Restock Request</h2>
        <p>The system detects products at or below the threshold, recommends quantities, and selects the best supplier using price, quality, reliability, and lead time.</p>
        <form method="POST" action="/restock/generate" class="grid">
            <label>Low stock threshold
                <input type="number" name="threshold" min="0" value="{{ threshold }}" required>
            </label>
            <label>Target stock after restock
                <input type="number" name="target_stock" min="1" value="{{ target_stock }}" required>
            </label>
            <label>&nbsp;
                <button type="submit">Create Restock Request</button>
            </label>
        </form>
    </div>

    <div class="panel">
        <h2>Low Stock Goods</h2>
        {% if low_products %}
        <div class="table-wrap">
        <table>
            <thead><tr><th>Product</th><th>Product ID</th><th>Current Stock</th><th>Buying Price</th></tr></thead>
            <tbody>
            {% for product in low_products %}
                <tr>
                    <td>{{ product.name }}</td>
                    <td>{{ product.shop_product_id or product.id }}</td>
                    <td class="low">{{ product.stock }}</td>
                    <td>{{ currency_symbol }}{{ "%.2f"|format(product.buying_price or 0) }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
        {% else %}
        <p>No low-stock goods found at this threshold.</p>
        {% endif %}
    </div>

    <div class="panel">
        <h2>Recent Restock Requests</h2>
        {% if requests %}
        <div class="table-wrap">
        <table>
            <thead><tr><th>Document</th><th>Status</th><th>Created</th><th>Action</th></tr></thead>
            <tbody>
            {% for request_row in requests %}
                <tr>
                    <td>{{ request_row.document_code }}</td>
                    <td>{{ request_row.status }}</td>
                    <td>{{ request_row.created_at }}</td>
                    <td><a href="/restock/request/{{ request_row.id }}" class="btn">Open</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
        {% else %}
        <p>No restock requests created yet.</p>
        {% endif %}
    </div>
</div>
{% endblock %}