{% extends "base.html" %}

{% block content %}

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h2 class="fw-bold text-dark mb-0"><i class="bi bi-pause-circle text-primary me-2"></i>{{ l('Held / Draft Sales', 'স্থগিত / খসড়া বিক্রি') }}</h2>
        <small class="text-muted">{{ l('Resume or discard customer sales put on hold', 'স্থগিত রাখা কাস্টমার অর্ডার পুনরুদ্ধার বা বাতিল করুন') }}</small>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-3">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>{{ l('Reference', 'রেফারেন্স') }}</th>
                        <th>{{ l('Customer', 'কাস্টমার') }}</th>
                        <th>{{ l('Items Count', 'আইটেম সংখ্যা') }}</th>
                        <th>{{ l('Note', 'নোট') }}</th>
                        <th>{{ l('Held At', 'স্থগিতের সময়') }}</th>
                        <th class="text-end">{{ l('Action', 'অ্যাকশন') }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for h in held_sales %}
                    <tr>
                        <td class="fw-bold text-primary">{{ h.reference }}</td>
                        <td class="fw-semibold text-dark">{{ h.customer.name if h.customer else l('Walk-in Customer', 'সাধারণ কাস্টমার') }}</td>
                        <td><span class="badge bg-light text-dark border">{{ h.items|length }} {{ l('item(s)', 'টি পণ্য') }}</span></td>
                        <td class="text-secondary small">{{ h.note or '-' }}</td>
                        <td class="small text-muted">{{ h.created_at.strftime('%d-%m-%Y %I:%M %p') }}</td>
                        <td class="text-end">
                            <a href="/resume-hold/{{ h.id }}" class="btn btn-success btn-sm me-1"><i class="bi bi-play-circle me-1"></i>{{ l('Resume', 'পুনরুদ্ধার') }}</a>
                            <form method="post" action="/delete-hold/{{ h.id }}" class="d-inline" onsubmit="return confirm('{{ l('Discard this held sale?', 'স্থগিত অর্ডারটি বাতিল করতে চান?') }}')">
                                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
                                <button class="btn btn-outline-danger btn-sm"><i class="bi bi-trash me-1"></i>{{ l('Discard', 'বাতিল') }}</button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="6" class="text-center text-muted py-4"><i class="bi bi-inbox fs-2 d-block mb-1"></i>{{ l('No sales are currently on hold.', 'বর্তমানে কোনো অর্ডার স্থগিত নেই।') }}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}