{% extends "base.html" %}
{% block body %}
<h1 class="page">{{ o.doc_type_text }} · {{ o.order_no }}
  <span class="badge {{ o.status }}" style="font-size:13px;vertical-align:middle;">{{ o.status_text }}</span>
</h1>

<div class="toolbar">
  {% if editable %}<a class="btn primary" href="{{ url_for('order_edit', oid=o.id) }}">编辑</a>{% endif %}
  <a class="btn" href="{{ url_for('order_pdf', oid=o.id) }}" target="_blank">导出 / 预览 PDF</a>
  <a class="btn" href="{{ url_for('order_pdf', oid=o.id) }}?dl=1" download>下载 PDF</a>
  <form method="post" action="{{ url_for('order_copy', oid=o.id) }}" style="display:inline;">
    <button class="btn">复制为新订单</button>
  </form>
  <span class="grow"></span>
  <a class="btn" href="{{ url_for('orders') }}">返回列表</a>
</div>

<div class="card">
  <h2>单据信息</h2>
  <table class="kv-table" style="width:100%;">
    <tr>
      <td class="k">供应商</td><td>{{ o.supplier_name }}</td>
      <td class="k">需方</td><td>{{ o.our_company }}</td>
    </tr>
    <tr>
      <td class="k">联系人</td><td>{{ o.supplier_contact }}</td>
      <td class="k">联系人</td><td>{{ o.our_contact }}</td>
    </tr>
    <tr>
      <td class="k">电话</td><td>{{ o.supplier_phone }}</td>
      <td class="k">电话</td><td>{{ o.our_phone }}</td>
    </tr>
    <tr>
      <td class="k">付款方式</td><td>{{ o.payment_terms }}</td>
      <td class="k">税点</td><td>{{ o.tax_rate }}</td>
    </tr>
    <tr>
      <td class="k">税号</td><td>{{ o.supplier_tax_no }}</td>
      <td class="k">税号</td><td>{{ o.our_tax_no }}</td>
    </tr>
    <tr>
      <td class="k">银行帐号</td><td>{{ o.supplier_bank_account }}</td>
      <td class="k">采购单号</td><td>{{ o.order_no }}</td>
    </tr>
    <tr>
      <td class="k">开户银行</td><td>{{ o.supplier_bank_name }}</td>
      <td class="k">采购日期</td><td>{{ o.order_date }}</td>
    </tr>
    <tr><td class="k">交货地点</td><td colspan="3">{{ o.delivery_place }}</td></tr>
  </table>

  <h3>物料明细</h3>
  <table class="grid">
    <tr><th>序号</th><th>物料代码</th><th>物料规格</th><th>单位</th><th class="num">数量</th>
        <th class="num">含税单价</th><th class="num">金额</th><th>交期</th><th>备注</th></tr>
    {% for it in o.items %}
    <tr>
      <td class="center">{{ loop.index }}</td>
      <td>{{ it.material_code }}</td>
      <td>{{ it.material_spec }}</td>
      <td class="center">{{ it.unit }}</td>
      <td class="num">{{ it.qty }}</td>
      <td class="num">{{ '%.2f'|format(it.price) }}</td>
      <td class="num">{{ '%.2f'|format(it.amount) }}</td>
      <td>{{ it.delivery_date }}</td>
      <td>{{ it.remark }}</td>
    </tr>
    {% else %}
    <tr><td colspan="9" class="center muted">暂无明细</td></tr>
    {% endfor %}
  </table>
  <div class="total-bar">
    <span>合计（小写）：<span class="amt">{{ '%.2f'|format(o.total_amount) }}</span> 元</span>
    <span>大写：<b>{{ total_cn }}</b></span>
  </div>
  {% if o.note %}<p class="muted">补充说明：{{ o.note }}</p>{% endif %}
</div>

<div class="card">
  <h2>审核流程</h2>
  <table class="grid">
    <tr><th>环节</th><th>操作人</th><th>时间</th></tr>
    <tr><td>制单</td><td>{{ o.created_by_name }}</td><td>{{ o.created_at.strftime('%Y-%m-%d %H:%M') if o.created_at else '-' }}</td></tr>
    <tr><td>主管审核</td><td>{{ o.reviewed_by or '—' }}</td><td>{{ o.reviewed_at.strftime('%Y-%m-%d %H:%M') if o.reviewed_at else '—' }}</td></tr>
    <tr><td>经理批准</td><td>{{ o.approved_by or '—' }}</td><td>{{ o.approved_at.strftime('%Y-%m-%d %H:%M') if o.approved_at else '—' }}</td></tr>
  </table>

  {% if user.role in ['reviewer','admin'] and o.status == 'pending_review' %}
  <div style="margin-top:12px;">
    <div id="stampBox" style="display:none; margin-bottom:10px;">
      <div class="seal-wrap">
        <div class="seal-tip">已加盖主管审核章</div>
        <div class="seal-circle">
          <span class="co">{{ o.our_company or COMPANY_NAME }}</span>
          <span class="txt">审核专用</span>
          <span class="who">{{ user.name }}<br><span id="stampTime"></span></span>
        </div>
      </div>
    </div>
    <form method="post" action="{{ url_for('order_review', oid=o.id) }}" class="toolbar"
          onsubmit="return checkStamp()">
      <input type="hidden" name="stamped" id="stampedInput" value="0">
      <input type="text" name="comment" placeholder="审核意见（选填）" style="width:280px;">
      <button type="button" class="btn" id="stampBtn" onclick="applyStamp()">加盖审核章</button>
      <button type="submit" class="btn ok" id="confirmBtn" disabled
              title="请先加盖审核章">确认审核通过 → 提交经理批准</button>
    </form>
    <div class="muted" style="margin-top:6px;">流程：先点「加盖审核章」，确认无误后再点「确认审核通过」。</div>
  </div>
  <script>
  function applyStamp(){
    document.getElementById('stampedInput').value = '1';
    document.getElementById('stampBox').style.display = 'block';
    const d = new Date(), p = n => String(n).padStart(2, '0');
    document.getElementById('stampTime').textContent =
      d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()) +
      ' ' + p(d.getHours()) + ':' + p(d.getMinutes());
    const c = document.getElementById('confirmBtn');
    c.disabled = false;
    const s = document.getElementById('stampBtn');
    s.disabled = true;
    s.textContent = '已加章';
  }
  function checkStamp(){
    if (document.getElementById('stampedInput').value !== '1'){
      alert('请先点击「加盖审核章」，再确认审核。');
      return false;
    }
    return confirm('确认审核通过并提交经理批准？');
  }
  </script>
  {% endif %}
  {% if user.role in ['approver','admin'] and o.status == 'pending_approval' %}
  <div style="margin-top:12px;">
    <div id="apprStampBox" style="display:none; margin-bottom:10px;">
      <div class="seal-wrap">
        <div class="seal-tip">已加盖经理批准章</div>
        <div class="seal-circle">
          <span class="co">{{ o.our_company or COMPANY_NAME }}</span>
          <span class="txt">批准专用</span>
          <span class="who">{{ user.name }}<br><span id="apprStampTime"></span></span>
        </div>
      </div>
    </div>
    <form method="post" action="{{ url_for('order_approve', oid=o.id) }}" class="toolbar"
          onsubmit="return checkStampA()">
      <input type="hidden" name="stamped" id="apprStampedInput" value="0">
      <input type="text" name="comment" placeholder="批准意见（选填）" style="width:280px;">
      <button type="button" class="btn" id="apprStampBtn" onclick="applyStampA()">加盖批准章</button>
      <button type="submit" class="btn ok" id="apprConfirmBtn" disabled
              title="请先加盖批准章">确认批准通过</button>
    </form>
    <div class="muted" style="margin-top:6px;">流程：先点「加盖批准章」，确认无误后再点「确认批准通过」。</div>
  </div>
  <script>
  function applyStampA(){
    document.getElementById('apprStampedInput').value = '1';
    document.getElementById('apprStampBox').style.display = 'block';
    const d = new Date(), p = n => String(n).padStart(2, '0');
    document.getElementById('apprStampTime').textContent =
      d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()) +
      ' ' + p(d.getHours()) + ':' + p(d.getMinutes());
    document.getElementById('apprConfirmBtn').disabled = false;
    const s = document.getElementById('apprStampBtn');
    s.disabled = true;
    s.textContent = '已加章';
  }
  function checkStampA(){
    if (document.getElementById('apprStampedInput').value !== '1'){
      alert('请先点击「加盖批准章」，再确认批准。');
      return false;
    }
    return confirm('确认批准通过？批准后即可导出正式 PDF。');
  }
  </script>
  {% endif %}
  {% if user.role in ['reviewer','approver','admin'] and o.status in ['pending_review','pending_approval'] %}
  <form method="post" action="{{ url_for('order_reject', oid=o.id) }}" class="toolbar" style="margin-top:8px;">
    <input type="text" name="comment" placeholder="驳回原因（必填）" style="width:280px;" required>
    <button class="btn danger">驳回给制单人</button>
  </form>
  {% endif %}
  {% if editable and o.status in ['draft','rejected'] %}
  <form method="post" action="{{ url_for('order_submit', oid=o.id) }}" class="toolbar" style="margin-top:8px;">
    <input type="text" name="comment" placeholder="提交说明（选填）" style="width:280px;">
    <button class="btn primary">提交审核</button>
  </form>
  {% endif %}
  {% if o.status == 'rejected' and o.reject_reason %}
  <div class="flash error">驳回原因：{{ o.reject_reason }}</div>
  {% endif %}

  <h3>审核记录</h3>
  <ul class="timeline">
    {% for lg in o.logs %}
    <li>{{ lg.created_at.strftime('%Y-%m-%d %H:%M') }} · {{ lg.user_name }} · {{ lg.action }}
      {% if lg.comment %}（{{ lg.comment }}）{% endif %}</li>
    {% else %}
    <li class="muted">暂无记录</li>
    {% endfor %}
  </ul>
</div>
{% endblock %}