{% extends "base.html" %}
{% from "_macros.html" import approval_panel, wf_badge, vendor_picker with context %}
{% block title %}{{ doc.number }}{% endblock %}
{% block content %}
{% set cur = branch.currency %}
<div class="page-head">
  <div><small><a href="{{ url_for('procurement.' ~ kind ~ '_list') }}">{{ t(info.title) }}</a></small>
    <h1>{{ doc.number }} {{ wf_badge(doc.state) }}</h1></div>
  <div class="actions">
    {% if kind == 'pr' and related.mr %}<a class="btn ghost" href="{{ url_for('procurement.mr_view', doc_id=related.mr.id) }}">{{ related.mr.number }}</a>{% endif %}
    {% for r in related.get('prs', []) %}<a class="btn ghost" href="{{ url_for('procurement.pr_view', doc_id=r.id) }}">{{ r.number }}</a>{% endfor %}
    {% for r in related.get('pickings', []) %}<a class="btn ghost" href="{{ url_for('inventory.picking', picking_id=r.id) }}">{{ r.number }}</a>{% endfor %}
    {% for r in related.get('rfqs', []) %}<a class="btn ghost" href="{{ url_for('procurement.rfq_view', rfq_id=r.id) }}">{{ r.number }}</a>{% endfor %}
    {% for r in related.get('pos', []) %}<a class="btn ghost" href="{{ url_for('orders.view', order_id=r.id) }}">{{ r.number }}</a>{% endfor %}
    {% if can_write %}
      {% set act = 'procurement.' ~ kind ~ '_action' %}
      {% if doc.state == 'draft' %}
        <a class="btn ghost" href="{{ url_for('procurement.' ~ kind ~ '_edit', doc_id=doc.id) }}">{{ t('Edit') }}</a>
        <form method="post" action="{{ url_for(act, doc_id=doc.id, action='submit') }}" class="inline"><button class="btn">{{ t('Submit for Approval') }}</button></form>
        <form method="post" action="{{ url_for(act, doc_id=doc.id, action='delete') }}" class="inline" data-confirm="{{ t('Delete this draft?') }}"><button class="btn danger">{{ t('Delete') }}</button></form>
      {% elif doc.state == 'submitted' %}
        <form method="post" action="{{ url_for(act, doc_id=doc.id, action='draft') }}" class="inline"><button class="btn ghost">{{ t('Reset to Draft') }}</button></form>
      {% elif doc.state in ('rejected', 'cancelled') %}
        <form method="post" action="{{ url_for(act, doc_id=doc.id, action='draft') }}" class="inline"><button class="btn ghost">{{ t('Reset to Draft') }}</button></form>
      {% endif %}
      {% if doc.state in ('draft', 'submitted', 'approved') %}
        <form method="post" action="{{ url_for(act, doc_id=doc.id, action='cancel') }}" class="inline" data-confirm="{{ t('Cancel this document?') }}"><button class="btn danger">{{ t('Cancel') }}</button></form>
      {% endif %}
    {% endif %}
  </div>
</div>
<div class="card">
  <dl class="doc-head">
    <div><dt>{{ t('Branch') }}</dt><dd>{{ branch.code }} — {{ nm(branch) }}</dd></div>
    {% if has('projects') and doc.project_id %}<div><dt>{{ t('Project') }}</dt><dd><a href="{{ url_for('projects.view', pid=doc.project_id) }}">{{ doc.pj_code }} — {{ nm({'name_en': doc.pj_en, 'name_ar': doc.pj_ar}) }}</a></dd></div>{% endif %}
    <div><dt>{{ t('Department') }}</dt><dd>{{ doc.department or '—' }}</dd></div>
    <div><dt>{{ t('Requested by') }}</dt><dd>{{ doc.requester or doc.username or '—' }}</dd></div>
    <div><dt>{{ t('Date') }}</dt><dd>{{ doc.date }}</dd></div>
    <div><dt>{{ t('Required by') }}</dt><dd>{{ doc.required_date or '—' }}</dd></div>
    {% if doc.approved_at %}<div><dt>{{ t('Rejected by') if doc.state == 'rejected' else t('Approved by') }}</dt><dd>{{ doc.approver or '—' }} <small>{{ doc.approved_at[:10] }}</small></dd></div>{% endif %}
    {% if doc.reject_reason %}<div><dt>{{ t('Rejection reason') }}</dt><dd class="warn-text">{{ doc.reject_reason }}</dd></div>{% endif %}
    <div class="wide" style="grid-column:1/-1"><dt>{{ t('Purpose') if kind == 'mr' else t('Justification') }}</dt><dd>{{ (doc.purpose if kind == 'mr' else doc.justification) or '—' }}</dd></div>
  </dl>
</div>
<div class="card flush">
  <table>
    <thead><tr><th>{{ t('Product') }}</th><th>{{ t('Description') }}</th><th class="num">{{ t('Qty') }}</th>
      {% if has('inventory') %}<th class="num">{{ t('Available in branch') }}</th>{% endif %}
      {% if kind == 'pr' %}<th class="num">{{ t('Estimated Price') }}</th><th class="num">{{ t('Estimated Total') }}</th><th>{{ t('Suggested Vendor') }}</th>{% endif %}</tr></thead>
    <tbody>
    {% for l in lines %}
      <tr><td>{% if l.product_id %}<b>{{ l.code or '' }}</b> {{ nm(l) }}{% endif %}</td><td>{{ l.description or '' }}</td>
        <td class="num">{{ '%g' % l.quantity }} <small>{{ l.uom or '' }}</small></td>
        {% if has('inventory') %}<td class="num {{ 'neg' if l.type == 'stock' and l.available < l.quantity }}">{{ ('%g' % l.available) if l.type == 'stock' else '—' }}</td>{% endif %}
        {% if kind == 'pr' %}<td class="num">{{ l.est_price|money(cur) }}</td><td class="num">{{ (l.quantity * l.est_price)|round|int|money(cur) }}</td>
          <td>{{ nm({'name_en': l.vname_en, 'name_ar': l.vname_ar}) if l.vname_en else '' }}</td>{% endif %}</tr>
    {% endfor %}
    </tbody>
    {% if kind == 'pr' %}<tfoot><tr><td colspan="{{ 4 if has('inventory') else 3 }}">{{ t('Estimated Total') }}</td><td></td><td class="num">{{ est_total|money(cur) }} {{ cur }}</td><td></td></tr></tfoot>{% endif %}
  </table>
</div>

{{ approval_panel(kind, doc.id, url_for('procurement.' ~ kind ~ '_action', doc_id=doc.id, action='approve'), url_for('procurement.' ~ kind ~ '_action', doc_id=doc.id, action='reject')) }}

{% if can_write and doc.state == 'approved' %}
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start">
  {% if kind == 'mr' %}
    {% if has('inventory') %}
    <form method="post" action="{{ url_for('procurement.mr_action', doc_id=doc.id, action='issue') }}" class="card">
      <h2>{{ t('Issue from stock') }}</h2>
      <p class="muted">{{ t('Issues the stock items from the warehouse and charges each product’s expense account.') }}</p>
      <button class="btn">{{ t('Issue Materials') }}</button>
    </form>
    {% endif %}
    <form method="post" action="{{ url_for('procurement.mr_action', doc_id=doc.id, action='to_rfq') }}" class="card">
      <h2>{{ t('Request quotations') }}</h2>
      <p class="muted">{{ t('Creates a draft RFQ with these lines. Add the specification, vendors and closing time, then send it.') }}</p>
      <button class="btn">{{ t('Create RFQ') }}</button>
    </form>
    <form method="post" action="{{ url_for('procurement.mr_action', doc_id=doc.id, action='to_po') }}" class="card">
      <h2>{{ t('Buy directly') }}</h2>
      <div class="field"><label>{{ t('Vendor') }}</label><select name="vendor_id" required><option value=""></option>
        {% for v in vendors %}<option value="{{ v.id }}">{{ nm(v) }}</option>{% endfor %}</select></div><br>
      <div class="form-actions"><button class="btn ghost">{{ t('Create Purchase Order') }}</button></div>
    </form>
    <form method="post" action="{{ url_for('procurement.mr_action', doc_id=doc.id, action='to_pr') }}" class="card">
      <h2>{{ t('Purchase requisition') }} <small class="muted">({{ t('optional') }})</small></h2>
      <p class="muted">{{ t('Only when your policy needs a separate requisition approval before buying.') }}</p>
      <button class="btn ghost">{{ t('Create Purchase Requisition') }}</button>
    </form>
  {% else %}
    <form method="post" action="{{ url_for('procurement.pr_action', doc_id=doc.id, action='rfq') }}" class="card" style="grid-column:span 2">
      <h2>{{ t('Request quotations') }}</h2>
      {{ vendor_picker(vendors, []) }}
      <div class="form-actions"><button class="btn">{{ t('Create RFQ') }}</button></div>
    </form>
    <form method="post" action="{{ url_for('procurement.pr_action', doc_id=doc.id, action='po') }}" class="card">
      <h2>{{ t('Buy directly') }}</h2>
      <div class="field"><label>{{ t('Vendor') }}</label><select name="vendor_id" required><option value=""></option>
        {% for v in vendors %}<option value="{{ v.id }}">{{ nm(v) }}</option>{% endfor %}</select></div><br>
      {% if has('inventory') %}<div class="field"><label>{{ t('Warehouse') }}</label><select name="warehouse_id">
        {% for w in warehouses %}<option value="{{ w.id }}">{{ w.code }} — {{ nm(w) }}</option>{% endfor %}</select></div>{% endif %}
      <div class="form-actions"><button class="btn ghost">{{ t('Create Purchase Order') }}</button></div>
    </form>
  {% endif %}
</div>
{% endif %}
{% endblock %}