{% extends "pos/base.html" %}
{% block title %}Review Payment Request{% endblock %}
{% block heading %}Review Payment Request — {{ pr.party.name }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col-md-5">
    <div class="card shadow-sm">
      <div class="card-header">Customer Submission</div>
      <div class="card-body">
        <p><strong>Party:</strong> {{ pr.party.name }}</p>
        <p><strong>Claimed Amount:</strong> {{ pr.claimed_amount|floatformat:2 }}</p>
        <p><strong>Submitted:</strong> {{ pr.submitted_at }}</p>
        {% if pr.customer_note %}<p><strong>Note:</strong> {{ pr.customer_note }}</p>{% endif %}
        <a href="{{ pr.screenshot.url }}" target="_blank">
          <img src="{{ pr.screenshot.url }}" class="img-fluid border rounded" alt="Payment Screenshot">
        </a>
      </div>
    </div>
  </div>

  <div class="col-md-7">
    <div class="card shadow-sm border-success mb-3">
      <div class="card-header bg-success text-white"><i class="fas fa-check mr-1"></i> Approve &amp; Post Payment</div>
      <div class="card-body">
        <form method="post">
          {% csrf_token %}
          <input type="hidden" name="action" value="approve">
          <div class="form-row">
            <div class="form-group col-md-6">
              <label>Amount Received <span class="text-danger">*</span></label>
              <input type="number" step="0.01" name="amount" class="form-control" value="{{ pr.claimed_amount }}" required>
            </div>
            <div class="form-group col-md-6">
              <label>Received Into (Cash/Bank) <span class="text-danger">*</span></label>
              <select name="cash_bank_id" class="form-control" required>
                <option value="">— Select —</option>
                {% for cb in cash_bank_accounts %}
                  <option value="{{ cb.id }}">{{ cb.account_name }} ({{ cb.get_account_type_display }})</option>
                {% endfor %}
              </select>
            </div>
          </div>
          <div class="form-group">
            <label>Narration</label>
            <input type="text" name="narration" class="form-control" placeholder="Optional">
          </div>
          <button type="submit" class="btn btn-success"><i class="fas fa-check mr-1"></i> Approve &amp; Post</button>
        </form>
      </div>
    </div>

    <div class="card shadow-sm border-danger">
      <div class="card-header bg-danger text-white"><i class="fas fa-times mr-1"></i> Reject</div>
      <div class="card-body">
        <form method="post">
          {% csrf_token %}
          <input type="hidden" name="action" value="reject">
          <div class="form-group">
            <label>Reason</label>
            <textarea name="review_note" class="form-control" rows="2" placeholder="Why is this being rejected?"></textarea>
          </div>
          <button type="submit" class="btn btn-danger"><i class="fas fa-times mr-1"></i> Reject Request</button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}