{% 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-clock-history text-primary me-2"></i>{{ l('Purchase History', 'ক্রয় ইতিহাস') }}</h2>
        <small class="text-muted">{{ l('Search and review all product purchases from suppliers', 'সরবরাহকারীদের থেকে ক্রয়কৃত পণ্যের রেকর্ড খুঁজুন') }}</small>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-3 p-3 mb-3">
    <form method="GET">
        <div class="row g-2">
            <div class="col-md-4">
                <input type="text" name="q" class="form-control" placeholder="{{ l('Search Product / Supplier...', 'পণ্য বা সরবরাহকারী লিখে খুঁজুন...') }}" value="{{ keyword }}">
            </div>
            <div class="col-md-3">
                <input type="date" name="from_date" class="form-control" value="{{ from_date }}">
            </div>
            <div class="col-md-3">
                <input type="date" name="to_date" class="form-control" value="{{ to_date }}">
            </div>
            <div class="col-md-1 col-6">
                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-search me-1"></i>{{ l('Search', 'খুঁজুন') }}</button>
            </div>
            <div class="col-md-1 col-6">
                <a href="/purchase-history" class="btn btn-outline-secondary w-100">{{ l('Reset', 'রিসেট') }}</a>
            </div>
        </div>
    </form>
</div>

<div class="row g-3 mb-3">
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm rounded-3 text-center p-3">
            <div class="text-muted small fw-semibold uppercase">{{ l('Total Purchase', 'মোট ক্রয়') }}</div>
            <div class="fs-4 fw-bold text-success mt-1">৳ {{ "%.2f"|format(total_purchase_amount) }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm rounded-3 text-center p-3">
            <div class="text-muted small fw-semibold uppercase">{{ l('Total Quantity', 'মোট পণ্য পরিমাণ') }}</div>
            <div class="fs-4 fw-bold text-primary mt-1">{{ "%.2f"|format(total_quantity or 0) }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm rounded-3 text-center p-3">
            <div class="text-muted small fw-semibold uppercase">{{ l('Total Records', 'মোট ক্রয় সংখ্যা') }}</div>
            <div class="fs-4 fw-bold text-dark mt-1">{{ total_records }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm rounded-3 text-center p-3">
            <div class="text-muted small fw-semibold uppercase">{{ l('Average Purchase', 'গড় ক্রয় মূল্য') }}</div>
            <div class="fs-4 fw-bold text-info mt-1">৳ {{ "%.2f"|format(average_purchase) }}</div>
        </div>
    </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('Supplier', 'সরবরাহকারী') }}</th>
                        <th>{{ l('Product', 'পণ্য') }}</th>
                        <th>{{ l('Quantity', 'পরিমাণ') }}</th>
                        <th>{{ l('Buy Price', 'ক্রয় মূল্য') }}</th>
                        <th>{{ l('Total', 'মোট টাকা') }}</th>
                        <th class="text-end">{{ l('Action', 'অ্যাকশন') }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for purchase in purchases %}
                    <tr>
                        <td class="small text-muted">{{ purchase.created_at.strftime("%d-%m-%Y %I:%M %p") }}</td>
                        <td class="fw-semibold text-dark">{{ purchase.supplier.name if purchase.supplier else '-' }}</td>
                        <td class="fw-bold text-dark">{{ purchase.product.name if purchase.product else '-' }}</td>
                        <td><span class="badge bg-light text-dark border">{{ "%.2f"|format(purchase.quantity or 0) }}</span></td>
                        <td>৳ {{ "%.2f"|format(purchase.buy_price) }}</td>
                        <td class="fw-bold text-dark">৳ {{ "%.2f"|format(purchase.quantity * purchase.buy_price) }}</td>
                        <td class="text-end">
                            <a href="{{ url_for('purchase_view', id=purchase.id) }}" class="btn btn-outline-primary btn-sm me-1"><i class="bi bi-eye me-1"></i>{{ l('View', 'দেখুন') }}</a>
                            <a href="{{ url_for('edit_purchase', id=purchase.id) }}" class="btn btn-outline-warning btn-sm me-1"><i class="bi bi-pencil me-1"></i>{{ l('Edit', 'এডিট') }}</a>
                            <form method="POST" action="{{ url_for('delete_purchase', id=purchase.id) }}" class="d-inline" onsubmit="return confirm('{{ l('Delete this purchase?', 'ক্রয় রেকর্ডটি মুছে ফেলতে চান?') }}')">
                                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
                                <button type="submit" class="btn btn-outline-danger btn-sm me-1"><i class="bi bi-trash me-1"></i>{{ l('Delete', 'মুছুন') }}</button>
                            </form>
                            <a href="{{ url_for('purchase_return', purchase_id=purchase.id) }}" class="btn btn-outline-dark btn-sm"><i class="bi bi-arrow-return-left me-1"></i>{{ l('Return', 'ফেরত') }}</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 purchase record found.', 'কোনো ক্রয় রেকর্ড পাওয়া যায়নি।') }}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

        {% if pagination and pagination.pages > 1 %}
        <div class="p-3 border-top">
            <nav>
                <ul class="pagination justify-content-center mb-0">
                    {% if pagination.has_prev %}
                    <li class="page-item">
                        <a class="page-link" href="{{ url_for('purchase_history', page=pagination.prev_num, q=keyword, from_date=from_date, to_date=to_date) }}">{{ l('Previous', 'আগের পেজ') }}</a>
                    </li>
                    {% endif %}
                    {% for p in pagination.iter_pages() %}
                    {% if p %}
                    <li class="page-item {% if p==pagination.page %}active{% endif %}">
                        <a class="page-link" href="{{ url_for('purchase_history', page=p, q=keyword, from_date=from_date, to_date=to_date) }}">{{ p }}</a>
                    </li>
                    {% endif %}
                    {% endfor %}
                    {% if pagination.has_next %}
                    <li class="page-item">
                        <a class="page-link" href="{{ url_for('purchase_history', page=pagination.next_num, q=keyword, from_date=from_date, to_date=to_date) }}">{{ l('Next', 'পরের পেজ') }}</a>
                    </li>
                    {% endif %}
                </ul>
            </nav>
        </div>
        {% endif %}
    </div>
</div>

{% endblock %}