{% extends "pos/base.html" %}
{% block content %}
<div class="container-fluid">
  <h1>New Inter-Branch Payment</h1>
  <form method="post" action="{% url 'stock_transfer:payment_create' %}">
    {% csrf_token %}
    <div class="form-row">
      <div class="form-group col-md-4">
        <label>From</label>
        <input type="text" class="form-control" value="{{ from_branch_name }}" readonly>
      </div>
      <div class="form-group col-md-4">
        {{ form.to_branch.label_tag }} {{ form.to_branch }}
      </div>
      <div class="form-group col-md-2">
        {{ form.amount.label_tag }} {{ form.amount }}
      </div>
      <div class="form-group col-md-2">
        {{ form.from_bank.label_tag }} {{ form.from_bank }}
      </div>
    </div>
    <button type="submit" class="btn btn-primary">Create (Pending)</button>
    <a href="{% url 'stock_transfer:payment_outgoing' %}" class="btn btn-secondary">Outgoing</a>
    <a href="{% url 'stock_transfer:payment_incoming' %}" class="btn btn-outline-secondary">Incoming</a>
  </form>
</div>
{% endblock %}