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

{% block title %}Record Supplier Payment{% endblock %}
{% block topbar_title %}Record Payment{% endblock %}

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

            <h5 class="mb-3">Record Payment to {{ supplier.name }}</h5>

            <form method="post">
                {% csrf_token %}

                <div class="mb-3">
                    <label class="form-label">Amount</label>
                    <input type="number" step="0.01" name="amount"
                           class="form-control" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">Notes (optional)</label>
                    <textarea name="notes" class="form-control" rows="3"></textarea>
                </div>

                <button class="btn btn-primary">Save Payment</button>
            </form>

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