{% extends 'core/base.html' %}

{% block title %}Clear Credit - SwiftPOS{% endblock %}
{% block topbar_title %}Clear Credit{% endblock %}

{% block content %}
<div class="container-fluid px-0">
    <div class="card shadow-sm">
        <div class="card-body">

            <h5 class="mb-2">Clear Customer Credit</h5>
            <p class="small text-muted">
                Customer: <strong>{{ order.customer_name }}</strong><br>
                Current Balance: <strong>{{ currency_symbol }}{{ order.balance_amount }}</strong>
            </p>

            <form method="post">
                {% csrf_token %}
                <label>Amount Paying Now</label>
                <input type="number" step="0.01" name="amount" class="form-control mb-3"
                       placeholder="Enter amount...">

                <button class="btn btn-primary btn-sm">
                    Clear Credit
                </button>
            </form>

        </div>
    </div>
</div>
{% endblock %}