{% extends 'base.html' %}
{% block content %}
<h3>New Order</h3>
<form method="post" class="mt-3">
  <div class="mb-3">
    <label class="form-label">Client</label>
    <select name="user_id" class="form-select" required>
      {% for u in users %}
      <option value="{{ u.id }}">{{ u.name }} (Balance: ${{ '%.2f'|format(u.balance or 0) }})</option>
      {% endfor %}
    </select>
  </div>
  <div class="mb-3">
    <label class="form-label">Product</label>
    <select name="product_id" class="form-select" required>
      {% for p in products %}
      <option value="{{ p.id }}">{{ p.name }} - ${{ '%.2f'|format(p.price) }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="mb-3">
    <label class="form-label">Quantity</label>
    <input type="number" name="quantity" class="form-control" value="1" min="1" required>
  </div>
  <div class="mb-3">
    <label class="form-label">Notes</label>
    <textarea name="notes" class="form-control" rows="2"></textarea>
  </div>
  <button class="btn btn-primary">Create Order</button>
</form>
{% endblock %}