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

{% block title %}Supplier Restock Review{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/supplier_restock_review.css">
{% endblock %}
{% block content %}
<div class="wrap">
    <div class="panel">
        <h1>Purchase Request Review</h1>
        <p class="meta">Document: <strong>{{ item.document_code }}</strong></p>
        <p><strong>Supplier:</strong> {{ item.supplier_name or 'Supplier' }}</p>
        <p><strong>Product:</strong> {{ item.product_name }}</p>
        <p><strong>Quantity:</strong> {{ item.approved_qty }} unit(s)</p>
        <p><strong>Unit Cost:</strong> {{ "%.2f"|format(item.unit_cost or 0) }}</p>
        <p><strong>Status:</strong> {{ item.status }}</p>

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

        <form method="POST">
            <label>Message to shop admin</label>
            <textarea name="message" placeholder="Confirm availability, delivery date, invoice number, or reason for decline."></textarea>
            <button class="accept" name="response" value="accepted" type="submit">Accept Booking</button>
            <button class="decline" name="response" value="declined" type="submit">Decline</button>
        </form>
    </div>
</div>
{% endblock %}