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

{% block title %}Receipt - {{ brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/receipt_detail.css">
{% endblock %}
{% block content %}
<div class="card" id="receipt-card">
    <h2>{{ brand_name }}</h2>
    <p>Official Receipt</p>
    <div class="receipt-meta">
        {% if sale %}
            <p><b>Date:</b> {{ sale[3] }}</p>
        {% endif %}
        <p><b>Shop Location:</b> {{ shop_location or 'Not set' }}</p>
    </div>

    <hr>

    {% if sale %}
        <p><b>Receipt Code:</b> {{ receipt_code or 'RCP-' ~ '%06d'|format(sale[0]) }}</p>
        <hr>

        {% if sale_items %}
        <table class="items-table">
            {% for item in sale_items %}
            <tr>
                <td>{{ item[0] }}</td>
                <td>{{ item[1] }} x {{ "%.2f"|format(item[2]) }}</td>
                <td class="hil-inline-54c2afb7ba">{{ "%.2f"|format(item[3]) }}</td>
            </tr>
            {% endfor %}
        </table>
        <hr>
        {% endif %}

        <p><b>Total:</b> {{ currency_symbol }} {{ "%.2f"|format(sale[1]|float) }}</p>
        {% if sale[6] == 'cash' %}
            {% set cash_received = sale[9]|float if sale[9] is not none else sale[1]|float %}
            {% set change_due = sale[10]|float if sale[10] is not none else cash_received - (sale[1]|float) %}
            <p><b>Cash Received:</b> {{ currency_symbol }} {{ "%.2f"|format(cash_received) }}</p>
            <p><b>Balance / Change Given:</b> {{ currency_symbol }} {{ "%.2f"|format(change_due if change_due > 0 else 0) }}</p>
        {% endif %}
        {% if sale[11] %}
            <p><b>Customer:</b> {{ sale[11] }}</p>
        {% endif %}
        {% set returned = sale[4]|float if sale[4] is not none else 0 %}
        {% if returned > 0 %}
            <p><b>Returned:</b> {{ currency_symbol }} {{ "%.2f"|format(returned) }}</p>
            <p><b>Net:</b> {{ currency_symbol }} {{ "%.2f"|format(sale[1]|float - returned) }}</p>
        {% endif %}
        <p><b>Cashier ID:</b> {{ sale[2] }}</p>
    {% endif %}

    <p><b>Status:</b> PAID</p>

    <!-- Payment Method & Verification -->
    {% if sale and sale[5] %}
    <div class="payment-banner payment-{{ sale[5] }}">
        <span>Payment Method: {{ sale[6]|title if sale[6] else 'Unknown' }}</span><br>
        Payment Status: 
        {% if sale[5] == 'completed' %}
            ✅ VERIFIED — Money received in admin account
        {% elif sale[5] == 'pending' %}
            ⏳ PENDING — Awaiting confirmation
        {% elif sale[5] == 'under_review' %}
            🔍 UNDER REVIEW — Verifying payment
        {% elif sale[5] == 'failed' %}
            ❌ FAILED — Payment not received
        {% else %}
            {{ sale[5]|title }}
        {% endif %}
    </div>
    {% endif %}

    <hr>

    <p>Thank you for shopping with us.</p>

    <!-- Print button -->
    <button onclick="window.print()">🖨️ Print Receipt</button>

    <!-- Delivery Section -->
    <div class="delivery-section">
        <h3 class="hil-inline-5bef98e639">Send Receipt to Customer</h3>
        <div class="delivery-status">
            <span class="{{ 'ready' if delivery_status.email else 'missing' }}">Email {{ 'ready' if delivery_status.email else 'not configured' }}</span>
            <span class="{{ 'ready' if delivery_status.sms else 'missing' }}">SMS {{ 'ready' if delivery_status.sms else 'not configured' }}</span>
            <span class="{{ 'ready' if delivery_status.whatsapp else 'missing' }}">WhatsApp {{ 'ready' if delivery_status.whatsapp else 'not configured' }}</span>
        </div>

        <form method="POST" action="/receipt/{{ sale[0] }}/send" class="hil-inline-87c136dfd0">
            <div class="hil-inline-436a61dd88">
                {# sale tuple layout is controlled by modules/sales/routes.py receipt() query. #}
                {# It selects: ..., customer_contact, amount_tendered, change_due, customer_name, customer_phone, customer_email #}
                {# In that layout: sale[8]=customer_contact, sale[11]=customer_name, sale[12]=customer_phone, sale[13]=customer_email. #}
                {# Defensive tuple indexing:
                   sales tuple layout is controlled by modules/sales/routes.py.
                   During some migrations/DB states, tuple indexes for phone/email may shift.
                   This must never throw; 500 would bounce user back to /admin. #}
                {% set sale_phone = (sale[12] if sale and sale|length > 12 else '') %}
                {% set sale_email = (sale[13] if sale and sale|length > 13 else '') %}
                {% set contact_raw = (sale[8] if sale and sale|length > 8 else '') %}
                {% set contact_phone_fallback = (contact_raw if contact_raw and '@' not in contact_raw else '') %}
                {% set contact_email_fallback = (contact_raw if contact_raw and '@' in contact_raw else '') %}

                <input type="text" name="customer_phone" title="Customer phone"
                       value="{{ (sale_phone or contact_phone_fallback or '') }}"
                       placeholder="Phone / WhatsApp" class="hil-inline-282f2a39be">
                <input type="email" name="customer_email" title="Customer email"
                       value="{{ (sale_email or contact_email_fallback or '') }}"
                       placeholder="Email address" class="hil-inline-282f2a39be">



            </div>
            <div class="delivery-grid">
                <button type="submit" name="delivery_method" value="sms" class="btn-sms">📱 SMS</button>
                <button type="submit" name="delivery_method" value="email" class="btn-email">📧 Email</button>
                <button type="submit" name="delivery_method" value="whatsapp" class="btn-whatsapp">💬 WhatsApp</button>
                <button type="submit" name="delivery_method" value="print" class="hil-inline-17da648c28">🖨️ Print Only</button>
                <button type="submit" name="delivery_method" value="both" class="hil-inline-260121cbb9">📱+💬 Both</button>
                <button type="submit" name="delivery_method" value="all" class="hil-inline-908c4784ef">📱+📧+💬 All</button>
            </div>
        </form>
        {% if session.get('role') == 'admin' %}
        <a href="/admin/receipt-delivery" class="btn-link hil-inline-4b83cdd8d3">Configure Delivery APIs</a>
        {% endif %}

        {% if delivery_result %}
        <div class="delivery-result">
            {{ delivery_result.message }}
        </div>
        {% endif %}
    </div>

    <a href="/sales">Back to Sales</a>
    <a href="/return-goods?search={{ sale[0] }}">Return Items</a>
</div>
<script>
try {
    localStorage.removeItem("gvelo_checkout_recovery_snapshot_v1");
    localStorage.removeItem("gvelo_pending_cart_sync_v1");
} catch (_) {}
</script>
{% endblock %}