{% 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-arrow-return-left text-primary me-2"></i>{{ l('Sales Return History', 'বিক্রয় ফেরতের ইতিহাস') }}</h2>
        <small class="text-muted">{{ l('List of all customer returned items and refunds', 'সকল ফেরতকৃত পণ্যের মেমো ও টাকার হিসাব') }}</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('Date / Time', 'তারিখ ও সময়') }}</th>
                        <th>{{ l('Invoice No', 'ইনভয়েস নম্বর') }}</th>
                        <th>{{ l('Return No', 'ফেরত নম্বর') }}</th>
                        <th>{{ l('Customer', 'কাস্টমার') }}</th>
                        <th>{{ l('Reason', 'কারণ') }}</th>
                        <th>{{ l('Total Return (৳)', 'ফেরত মূল্য (৳)') }}</th>
                        <th class="text-end">{{ l('Action', 'অ্যাকশন') }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for r in returns %}
                    <tr>
                        <td class="small text-muted">{{ r.return_date.strftime("%d-%m-%Y %I:%M %p") }}</td>
                        <td class="fw-bold text-primary">{{ r.invoice.invoice_no }}</td>
                        <td class="fw-bold text-dark">{{ r.return_no or "-" }}</td>
                        <td>
                            {% if r.invoice and r.invoice.customer %}
                            <div class="fw-semibold text-dark">{{ r.invoice.customer.name }}</div>
                            <small class="text-muted">{{ r.invoice.customer.phone }}</small>
                            {% else %}
                            <span class="text-muted">{{ l('Walk-in Customer', 'সাধারণ কাস্টমার') }}</span>
                            {% endif %}
                        </td>
                        <td class="text-secondary small">{{ r.reason or '-' }}</td>
                        <td class="fw-bold text-danger">৳ {{ "%.2f"|format(r.total_return) }}</td>
                        <td class="text-end">
                            <a href="/return-details/{{ r.id }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-eye me-1"></i>{{ l('View', 'দেখুন') }}</a>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="7" class="text-center text-muted py-4"><i class="bi bi-inbox fs-2 d-block mb-1"></i>{{ l('No sales returns recorded yet.', 'এখনও কোনো বিক্রয় ফেরত রেকর্ড হয়নি।') }}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}