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

{% block title %}Return Goods - {{ brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/return_goods.css">
{% endblock %}
{% block content %}
<header>
    <h2>↩️ Return Goods</h2>
    <div class="hil-inline-63cdbc14e3">
        <a href="/sales" class="hil-inline-0a43e56ae2">Back to Sales</a>
        <a href="/logout" class="hil-inline-0a43e56ae2">Logout</a>
    </div>
</header>

<div class="container">

<a href="/sales" class="back-link">&larr; Back to POS</a>

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

<!-- SEARCH FORM -->
<div class="card">
    <h3 class="hil-inline-d462248a40">Search Sale</h3>
    <p class="hil-inline-064028e7a7">Enter receipt code (e.g., RCP-000123) or product name/ID to find the sale.</p>
    <form method="POST" action="/return-goods">
        <input type="hidden" name="action" value="search">
        <div class="search-box">
            <input type="text" name="search_term" placeholder="Receipt code or product name/ID" value="{{ prefill_search or '' }}" required>
            <button type="submit">Search</button>
        </div>
    </form>
</div>

<!-- MATCHING SALES LIST -->
{% if matching_sales %}
<div class="card">
    <h3 class="hil-inline-d462248a40">Matching Sales</h3>
    <p class="hil-inline-064028e7a7">Multiple sales found. Click one to view details:</p>
    {% for sale in matching_sales %}
    <a href="/return-goods?search={{ sale[0] }}" class="hil-inline-38b741bf49">
        <div class="matching-sale">
            <b>{{ sale[4] or 'RCP-' ~ '%06d'|format(sale[0]) }}</b> &mdash;
            {{ currency_symbol }} {{ "%.2f"|format(sale[1]) }} &mdash;
            {{ sale[2] }}
        </div>
    </a>
    {% endfor %}
</div>
{% endif %}

<!-- SALE DETAILS & RETURN FORM -->
{% if sale %}
<div class="card">
    <h3 class="hil-inline-d462248a40">Sale Details</h3>
    <div class="sale-info">
        <div><strong>Receipt:</strong> {{ sale[4] or 'RCP-' ~ '%06d'|format(sale[0]) }}</div>
        <div><strong>Date:</strong> {{ sale[2] }}</div>
        <div><strong>Total:</strong> {{ currency_symbol }} {{ "%.2f"|format(sale[1]) }}</div>
        <div><strong>Already Returned:</strong> {{ currency_symbol }} {{ "%.2f"|format(sale[3] or 0) }}</div>

    <h4>Items in this Sale</h4>
    {% if items %}
        {% for item in items %}
        <div class="item-row">
            <div>
                <b>{{ item[2] }}</b><br>
                <small>Product ID: {{ item[1] }}</small>
            </div>
            <div class="hil-inline-54c2afb7ba">
                <div>Sold: {{ item[3] }} x {{ currency_symbol }} {{ "%.2f"|format(item[4]) }} = {{ currency_symbol }} {{ "%.2f"|format(item[5]) }}</div>
                {% set returned_qty = returned_map.get(item[1], 0) %}
                <div class="hil-inline-e7e2ae2fc6">
                    {% if returned_qty > 0 %}
                        Already returned: {{ returned_qty }}
                    {% else %}
                        Not yet returned
                    {% endif %}
                </div>

                {% if item[3] > returned_qty %}
                <form method="POST" action="/return-goods" class="hil-inline-8a77e5a311">
                    <input type="hidden" name="action" value="process_return">
                    <input type="hidden" name="sale_id" value="{{ sale[0] }}">
                    <input type="hidden" name="product_id" value="{{ item[1] }}">
                    <div class="return-form">
                        <input type="number" name="return_qty" value="1" min="1" max="{{ item[3] - returned_qty }}" required class="hil-inline-ec6626e1ed">
                        <input type="text" name="reason" placeholder="Reason (optional)" class="hil-inline-7c07cdf8bd">
                        <button type="submit" class="btn-danger">Return</button>
                    </div>
                </form>
                {% else %}
                <div class="hil-inline-33393b72ff">✓ Fully returned</div>
                {% endif %}
            </div>
        {% endfor %}
    {% else %}
        <p>No item details available for this sale.</p>
    {% endif %}
</div>
{% endif %}

</div>
{% endblock %}