{% extends "finance/base.html" %}
{% block content %}
<div class="container-fluid py-3">
  <h4 class="mb-3">Purchase Request Review — Budget Controller</h4>
  <p class="text-muted">Pilih PR di sebelah kiri untuk melihat informasi lengkapnya. Lengkapi Cost Center dan AFE per
    baris, lalu teruskan ke FM atau reject dengan alasan.</p>

  <div class="row g-3">
    <div class="col-lg-4">
      <div class="card shadow-sm">
        <div class="card-header">PR Menunggu Review</div>
        <div class="list-group list-group-flush">
          {% for pr in prs %}
          <a class="list-group-item list-group-item-action {% if selected_pr.id == pr.id %}active{% endif %}"
            href="?pr_id={{ pr.id }}">
            <div class="d-flex justify-content-between align-items-start gap-2">
              <div>
                <div class="fw-semibold">{{ pr.pr_no }}</div>
                <div>{{ pr.pr_title }}</div>
                <small>{{ pr.department }} · {{ pr.pr_date|date:"d-m-Y" }}</small>
              </div>
              <span
                class="badge {% if selected_pr.id == pr.id %}bg-light text-primary{% else %}bg-secondary{% endif %}">View</span>
            </div>
          </a>
          {% empty %}
          <div class="p-3 text-muted">Tidak ada PR yang menunggu review.</div>
          {% endfor %}
        </div>
      </div>
    </div>

    <div class="col-lg-8">
      {% if selected_pr %}
      <div class="card shadow-sm">
        <div class="card-header"><strong>{{ selected_pr.pr_no }}</strong> — {{ selected_pr.pr_title }}</div>
        <div class="card-body">
          <h6 class="text-secondary mb-3">PR Header Information</h6>
          <div class="row g-3 mb-3">
            <div class="col-md-4"><small class="text-muted">PR No</small>
              <div class="fw-semibold">{{ selected_pr.pr_no|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">PR Date</small>
              <div>{{ selected_pr.pr_date|date:"d-m-Y"|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Status</small>
              <div><span class="badge bg-warning text-dark">{{ selected_pr.status|default:"-" }}</span></div>
            </div>
            <div class="col-md-4"><small class="text-muted">Title</small>
              <div>{{ selected_pr.pr_title|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Requester</small>
              <div>{{ selected_pr.requester|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Department</small>
              <div>{{ selected_pr.department|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Cost Center</small>
              <div>{{ selected_pr.cost_center|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Source of Fund</small>
              <div>{{ selected_pr.source_of_fund|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Required Date</small>
              <div>{{ selected_pr.required_date|date:"d-m-Y"|default:"-" }}</div>
            </div>
            <div class="col-md-4"><small class="text-muted">Priority</small>
              <div>{{ selected_pr.priority|default:"-" }}</div>
            </div>
            <div class="col-12"><small class="text-muted">Purpose</small>
              <div class="border rounded p-2 bg-light">{{ selected_pr.purpose|default:"-"|linebreaksbr }}</div>
            </div>
            <div class="col-12"><small class="text-muted">Remarks</small>
              <div class="border rounded p-2 bg-light">{{ selected_pr.remarks|default:"-"|linebreaksbr }}</div>
            </div>
          </div>

          <hr>
          <h6 class="text-secondary mb-3">PR Items — Review CC / AFE</h6>
          <form method="post">{% csrf_token %}
            <input type="hidden" name="pr_id" value="{{ selected_pr.id }}">
            <div class="table-responsive">
              <table class="table table-sm table-bordered align-middle">
                <thead class="table-light">
                  <tr>
                    <th>Line</th>
                    <th>KIMAP</th>
                    <th>Description</th>
                    <th>Account No</th>
                    <th>Qty</th>
                    <th>Est. Unit Price</th>
                    <th>Est. Amount</th>
                    <th>Available Budget</th>
                    <th>Budget Status</th>
                    <th>Required Date</th>
                    <th>Location</th>
                    <th>Item Remarks</th>
                    <th>CC</th>
                    <th>AFE</th>
                  </tr>
                </thead>
                <tbody>
                  {% for detail in details %}
                  <tr>
                    <td>{{ detail.line_no|default:"-" }}</td>
                    <td>{{ detail.kimap|default:"-" }}</td>
                    <td>{{ detail.description|default:"-" }}</td>
                    <td>{{ detail.acct_no|default:"-" }}</td>
                    <td class="text-end">{{ detail.quantity|default:"0" }} {{ detail.uom|default:"" }}</td>
                    <td class="text-end">{{ detail.estimated_unit_price|default:"0"|floatformat:2 }}</td>
                    <td class="text-end">{{ detail.estimated_amount|default:"0"|floatformat:2 }}</td>
                    <td class="text-end">{% if detail.review_available_budget is not None %}{{ detail.review_available_budget|floatformat:2 }}{% else %}-{% endif %}</td>
                    <td><span class="badge {% if detail.review_budget_status == 'AVAILABLE' %}bg-success{% else %}bg-danger{% endif %}">{{ detail.review_budget_status|default:"NO BUDGET" }}</span></td>
                    <td>{{ detail.required_date|date:"d-m-Y"|default:"-" }}</td>
                    <td>{{ detail.location|default:"-" }}</td>
                    <td>{{ detail.remarks|default:"-" }}</td>

                    <td>
                        <select class="form-select form-select-sm" name="cc_no_{{ detail.id }}" required>
                            <option value="">-- Select CC --</option>
                            {% for cc in cc_items %}
                                <option value="{{ cc.cc_no }}"
                                    {% if detail.cc_no == cc.cc_no %}selected{% endif %}>
                                    {{ cc.cc_no }} — {{ cc.cc_name }}
                                </option>
                            {% endfor %}
                        </select>
                    </td>

                    <td>
                        <select class="form-select form-select-sm" name="afeno_{{ detail.id }}">
                            <option value="">-- None --</option>
                            {% for afe in afe_items %}
                                <option value="{{ afe.afeno }}"
                                    {% if detail.afeno == afe.afeno %}selected{% endif %}>
                                    {{ afe.afeno }}{% if afe.afename %} — {{ afe.afename }}{% endif %}
                                </option>
                            {% endfor %}
                        </select>
                    </td>
                    </tr>
                  {% empty %}<tr>
                    <td colspan="14" class="text-center text-muted">Tidak ada detail PR.</td>
                  </tr>{% endfor %}
                </tbody>
              </table>
            </div>

            <div class="row align-items-end mt-3 g-3">
              <div class="col-md-7">
                <label for="reject_reason" class="form-label text-danger fw-semibold">Reject Reason</label>
                <textarea id="reject_reason" name="reject_reason" class="form-control border-danger" rows="2"
                  placeholder="Masukkan alasan penolakan jika PR akan di-reject"></textarea>
              </div>
              <div class="col-md-5 d-flex justify-content-between justify-content-md-end align-items-end gap-2">
                <button type="submit" name="action" value="reject" class="btn btn-danger" formnovalidate
                  onclick="return confirm('Reject PR {{ selected_pr.pr_no }}?');">
                  Reject PR
                </button>
                {% if details %}
                <button type="submit" name="action" value="send_to_fm" class="btn btn-primary">Save CC/AFE &amp; Send to FM</button>
                {% else %}
                <button type="submit" name="action" value="send_to_fm" class="btn btn-primary" disabled>Save CC/AFE &amp; Send to FM</button>
                {% endif %}
              </div>
            </div>
          </form>
        </div>
      </div>
      {% else %}
      <div class="card">
        <div class="card-body text-muted">Pilih PR dari daftar di sebelah kiri untuk melihat seluruh informasi PR.</div>
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}