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

{% block title %}Add Product via Scan{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/add_product_scan.css">
{% endblock %}
{% block content %}
<div class="container">
    <h1 class="brand">Gvelo Enterprise Platform</h1>

    <div class="card scan-card">
        <h2>Add Product From Scanned Barcode</h2>
        <p class="hint">Confirm the barcode, enter the selling price, buying price, and stock before saving the product.</p>
        <p class="scan-code">Barcode: {{ barcode or 'Not scanned' }}</p>

        {% if existing_product %}
            <div class="scan-code hil-inline-35deb9cc9d">
                This barcode is already linked to {{ existing_product.name }}.
                Current selling price: {{ currency_symbol }}{{ "%.2f"|format(existing_product.price or 0) }},
                stock: {{ existing_product.stock }}.
            </div>
        {% endif %}

        {% if error %}
            <p class="hil-inline-cc43428a64">{{ error }}</p>
        {% endif %}

        <form method="POST" action="/add-product">
            <input type="hidden" name="barcode" value="{{ barcode }}">
            <div class="scan-grid">
                <label>Product ID
                    <input name="product_id" placeholder="Optional shop product ID" type="number" min="1">
                </label>
                <label>Product Name
                    <input name="name" placeholder="Product name" required>
                </label>
                <label>Selling Price
                    <input name="price" placeholder="Selling price" type="number" step="0.01" min="0" required>
                </label>
                <label>Buying Price
                    <input name="buying_price" placeholder="Buying price" type="number" step="0.01" min="0" value="0">
                </label>
                <label>Opening Stock
                    <input name="stock" placeholder="Stock quantity" type="number" min="0" value="1" required>
                </label>
                <label>Fund Source
                    <select name="fund_source">
                        <option value="business">Business</option>
                        <option value="personal">Personal</option>
                        <option value="loans">Loans</option>
                    </select>
                </label>
            </div>

            <button type="submit">Save Scanned Product</button>
        </form>

        <br>
        <a href="/scanner-center?return_to=/add-product&amp;target=/add-product">Scan Another Barcode</a>
        <br>
        <a href="/inventory">Back to Inventory</a>
    </div>
</div>
{% endblock %}