{% extends "base.html" %}
{% from "_macros.html" import wf_badge, export_links with context %}
{% block title %}{{ p.code }}{% endblock %}
{% block content %}
{% set cur = p.currency %}
{% set stcls = {'active': 'posted', 'on_hold': 'warn', 'closed': 'cancelled'} %}
{% macro meter(pct) %}{% if pct is not none %}<div class="meter {{ 'over' if pct > 100 else 'high' if pct > 85 }}"><span style="width:{{ [pct, 100]|min }}%"></span></div>{% endif %}{% endmacro %}
<div class="page-head">
  <div><small><a href="{{ url_for('projects.index') }}">{{ t('Projects') }}</a></small>
    <h1>{{ p.code }} — {{ nm(p) }} <span class="badge st-{{ stcls.get(p.state, 'draft') }}">{{ t(states[p.state]) }}</span></h1>
    <small>{{ p.bcode }}{% if p.cust_en %} · {{ nm({'name_en': p.cust_en, 'name_ar': p.cust_ar}) }}{% endif %}{% if p.manager %} · {{ t('Manager') }}: {{ p.manager }}{% endif %}{% if p.start_date %} · {{ p.start_date }} → {{ p.end_date or '…' }}{% endif %} · {{ t('Cost Centre') }} {{ p.cc_code }}</small></div>
  <div class="actions">
    {% if can_write %}
      {% if p.state == 'active' %}
        {% if has('procurement') %}<a class="btn ghost" href="{{ url_for('procurement.mr_new', project=p.id) }}">+ {{ t('Material Request') }}</a>
        <a class="btn ghost" href="{{ url_for('orders.form', kind='purchase', project=p.id) }}">+ {{ t('Purchase Order') }}</a>{% endif %}
        <a class="btn ghost" href="{{ url_for('invoices.form', kind='in_invoice', project=p.id) }}">+ {{ t('Vendor Bill') }}</a>
      {% endif %}
      <a class="btn" href="{{ url_for('projects.form', pid=p.id) }}">{{ t('Edit') }}</a>
      <form method="post" action="{{ url_for('projects.set_state', pid=p.id) }}" class="inline">
        {% if p.state == 'active' %}<button class="btn ghost" name="state" value="on_hold">{{ t('Put on hold') }}</button>
        <button class="btn ghost" name="state" value="closed" onclick="return confirm('{{ t('Close the project? No new documents can be raised for it.') }}')">{{ t('Close project') }}</button>
        {% else %}<button class="btn ghost" name="state" value="active">{{ t('Activate') }}</button>{% endif %}
      </form>
    {% endif %}
  </div>
</div>

<div class="kpis" style="grid-template-columns:repeat(auto-fit,minmax(175px,1fr))">
  <div class="kpi"><div class="top"><span class="label">{{ t('Contract value') }}</span><span class="ibox t-indigo">{{ icon('file') }}</span></div>
    <div class="value num">{{ p.contract_value|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{% if s.progress_pct is not none %}{{ s.progress_pct }}% {{ t('billed by milestones') }}{% else %}{{ t('No contract value set') }}{% endif %}</div></div>
  <div class="kpi {{ 'alert' if s.remaining < 0 }}"><div class="top"><span class="label">{{ t('Budget used') }}</span><span class="ibox {{ 't-red' if s.remaining < 0 else 't-amber' }}">{{ icon('target') }}</span></div>
    <div class="value num">{{ (s.committed + s.actual)|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{{ t('of') }} {{ s.budget|money(cur) }}{% if s.used_pct is not none %} · {{ s.used_pct }}%{% endif %} · {{ t('Remaining') }} {{ s.remaining|money(cur) }}</div></div>
  <div class="kpi"><div class="top"><span class="label">{{ t('Invoiced to customer') }}</span><span class="ibox t-green">{{ icon('receipt') }}</span></div>
    <div class="value num">{{ s.billed|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{{ t('Still to bill') }} {{ s.to_bill|money(cur) }}</div></div>
  <div class="kpi"><div class="top"><span class="label">{{ t('Retention held') }}</span><span class="ibox t-amber">{{ icon('lock') }}</span></div>
    <div class="value num">{{ s.retention_balance|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{{ p.retention_pct|float }}% · {{ t('released') }} {{ s.retention_released|money(cur) }}</div></div>
  <div class="kpi {{ 'alert' if s.margin < 0 }}"><div class="top"><span class="label">{{ t('Profit to date') }}</span><span class="ibox {{ 't-red' if s.margin < 0 else 't-green' }}">{{ icon('chart') }}</span></div>
    <div class="value num">{{ s.margin|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{{ t('Revenue') }} {{ s.revenue|money(cur) }} − {{ t('Cost') }} {{ s.actual|money(cur) }}{% if s.margin_pct is not none %} · {{ s.margin_pct }}%{% endif %}</div></div>
</div>

<div class="card flush">
  <div style="padding:14px 16px 6px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap">
    <h2 style="margin:0">{{ t('Budget vs committed vs actual') }} <small>({{ cur }}, {{ t('excl. VAT') }})</small></h2>{{ export_links() }}</div>
  <div style="overflow-x:auto">
  <table class="report">
    <thead><tr><th>{{ t('Account') }}</th><th>{{ t('Description') }}</th><th class="num">{{ t('Budget') }}</th><th class="num">{{ t('Committed') }}</th><th class="num">{{ t('Actual cost') }}</th><th class="num">{{ t('Remaining') }}</th><th style="width:140px">{{ t('Used') }}</th></tr></thead>
    <tbody>
    {% for r in rep.rows %}
      <tr><td>{% if r.unbudgeted %}<i>{{ t(r.name_en) }}</i>{% else %}{{ r.code }} {{ nm(r) }}{% endif %}</td><td>{{ r.description or '' }}</td>
        <td class="num">{{ r.budget|money(cur, True) }}</td><td class="num">{{ r.committed|money(cur, True) }}</td><td class="num">{{ r.actual|money(cur, True) }}</td>
        <td class="num {{ 'neg' if r.remaining < 0 }}">{{ r.remaining|money(cur) }}</td><td>{{ meter(r.used_pct) }}{% if r.used_pct is not none %}<small>{{ r.used_pct }}%</small>{% endif %}</td></tr>
    {% else %}<tr><td class="empty" colspan="7">{{ t('No budget yet.') }} {% if can_write %}<a href="{{ url_for('projects.form', pid=p.id) }}">{{ t('Add budget lines') }}</a>{% endif %}</td></tr>{% endfor %}
    </tbody>
    {% if rep.rows %}<tfoot><tr class="grand"><td colspan="2">{{ t('Total') }}</td><td class="num">{{ rep.total.budget|money(cur) }}</td><td class="num">{{ rep.total.committed|money(cur) }}</td><td class="num">{{ rep.total.actual|money(cur) }}</td><td class="num {{ 'neg' if rep.total.remaining < 0 }}">{{ rep.total.remaining|money(cur) }}</td><td>{{ meter(rep.total.used_pct) }}{% if rep.total.used_pct is not none %}<small>{{ rep.total.used_pct }}%</small>{% endif %}</td></tr></tfoot>{% endif %}
  </table></div>
  <p class="muted" style="padding:0 16px 12px;margin:6px 0 0"><small>{{ t('Committed = confirmed purchase orders not yet billed. Actual = costs posted to the project’s cost centre. Remaining = Budget − Committed − Actual.') }} {{ t('Budget control') }}: {{ t(controls[p.budget_control]) }}.</small></p>
</div>

<div class="card flush" id="milestones">
  <div style="padding:14px 16px 6px"><h2 style="margin:0">{{ t('Milestones (progress billing)') }}</h2></div>
  <table>
    <thead><tr><th>{{ t('Milestone') }}</th><th>{{ t('Due date') }}</th><th class="num">{{ t('Amount') }}</th><th class="num">{{ t('Retention') }}</th><th>{{ t('Status') }}</th><th></th></tr></thead>
    <tbody>
    {% for m in milestones %}
      <tr><td><b>{{ m.name }}</b></td><td>{{ m.due_date or '' }}{% if m.due_date and m.due_date < today and not m.billed %} <span class="badge st-warn">{{ t('Due') }}</span>{% endif %}</td>
        <td class="num">{{ m.amount|money(cur) }}</td><td class="num">{{ ((m.amount * (p.retention_pct or 0) / 100)|round|int)|money(cur, True) }}</td>
        <td>{% if m.billed %}<a href="{{ url_for('invoices.view', inv_id=m.invoice_id) }}"><span class="badge st-posted">{{ t('Invoiced') }}</span> {{ m.inv.number or t('Draft') }}</a>
            {% elif m.state in ('done', 'invoiced') %}<span class="badge st-warn">{{ t('Completed — to bill') }}</span>{% else %}<span class="badge st-draft">{{ t('Planned') }}</span>{% endif %}</td>
        <td class="num">{% if can_write and not m.billed and p.state != 'closed' %}
          {% if m.state == 'planned' %}<form method="post" action="{{ url_for('projects.milestone_action', pid=p.id, mid=m.id, action='done') }}" class="inline"><button class="btn ghost small">{{ t('Mark completed') }}</button></form>{% endif %}
          <form method="post" action="{{ url_for('projects.milestone_action', pid=p.id, mid=m.id, action='bill') }}" class="inline"><button class="btn small">{{ t('Create invoice') }}</button></form>{% endif %}</td></tr>
    {% else %}<tr><td class="empty" colspan="6">{{ t('No milestones yet.') }}</td></tr>{% endfor %}
    </tbody>
  </table>
  {% if can_write and s.retention_balance - s.release_pending > 0 %}
  <form method="post" action="{{ url_for('projects.retention', pid=p.id) }}" class="filters" style="padding:12px 16px;border-top:1px solid var(--border)">
    <b>{{ t('Release retention') }}</b> <span class="muted">{{ t('Available') }}: {{ (s.retention_balance - s.release_pending)|money(cur) }} {{ cur }}</span>
    <input name="amount" class="num" inputmode="decimal" placeholder="{{ t('All') }}" style="width:140px">
    <input type="date" name="date" value="{{ today }}">
    <button class="btn ghost">{{ t('Create release invoice') }}</button>
  </form>{% endif %}
</div>

<div>
  <div class="card flush"><div style="padding:14px 16px 6px"><h2 style="margin:0">{{ t('Purchasing') }}</h2></div>
    <table><tbody>
      {% for d in docs.mr %}<tr data-href="{{ url_for('procurement.mr_view', doc_id=d.id) }}"><td>{{ t('Material Request') }}</td><td><b>{{ d.number }}</b></td><td class="num" style="white-space:nowrap">{{ d.date }}</td><td>{{ wf_badge(d.state) }}</td><td></td></tr>{% endfor %}
      {% for d in docs.pr %}<tr data-href="{{ url_for('procurement.pr_view', doc_id=d.id) }}"><td>{{ t('Purchase Requisition') }}</td><td><b>{{ d.number }}</b></td><td class="num" style="white-space:nowrap">{{ d.date }}</td><td>{{ wf_badge(d.state) }}</td><td></td></tr>{% endfor %}
      {% for d in docs.rfq %}<tr data-href="{{ url_for('procurement.rfq_view', rfq_id=d.id) }}"><td>RFQ</td><td><b>{{ d.number }}</b></td><td class="num" style="white-space:nowrap">{{ d.date }}</td><td>{{ wf_badge(d.state) }}</td><td></td></tr>{% endfor %}
      {% for d in docs.po %}<tr data-href="{{ url_for('orders.view', order_id=d.id) }}"><td>{{ t('Purchase Order') if d.kind == 'purchase' else t('Sales Order') }}</td><td><b>{{ d.number }}</b><br><small>{{ nm({'name_en': d.name_en, 'name_ar': d.name_ar}) }}</small></td><td class="num" style="white-space:nowrap">{{ d.date }}</td><td><span class="badge st-{{ 'posted' if d.state == 'confirmed' else 'warn' if d.state == 'to_approve' else 'draft' }}">{{ t(d.state.replace('_', ' ').capitalize()) }}</span></td><td class="num">{{ d.amount_untaxed|money(cur) }}</td></tr>{% endfor %}
      {% if not (docs.mr or docs.pr or docs.rfq or docs.po) %}<tr><td class="empty">{{ t('Nothing yet.') }}</td></tr>{% endif %}
    </tbody></table></div>
  <div class="card flush"><div style="padding:14px 16px 6px"><h2 style="margin:0">{{ t('Invoices and bills') }}</h2></div>
    <table><tbody>
      {% for d in docs.inv %}<tr data-href="{{ url_for('invoices.view', inv_id=d.id) }}"><td>{{ t({'out_invoice': 'Customer Invoice', 'out_refund': 'Customer Credit Note', 'in_invoice': 'Vendor Bill', 'in_refund': 'Vendor Refund'}[d.kind]) }}{% if d.project_billing %}<br><small>{{ t('Progress invoice') if d.project_billing == 'progress' else t('Retention release') }}</small>{% endif %}</td>
        <td><b>{{ d.number or t('Draft') }}</b><br><small>{{ nm({'name_en': d.name_en, 'name_ar': d.name_ar}) }}</small></td><td class="num" style="white-space:nowrap">{{ d.date }}</td>
        <td><span class="badge st-{{ d.state }}">{{ t(d.state.capitalize()) }}</span></td><td class="num">{{ d.amount_total|money(cur) }}</td></tr>
      {% else %}<tr><td class="empty">{{ t('Nothing yet.') }}</td></tr>{% endfor %}
    </tbody></table></div>
</div>

<div class="card"><h3>{{ t('Team') }}</h3>
  {% if p.manager %}<span class="tag">{{ p.manager }} · {{ t('Project manager') }}</span>{% endif %}
  {% for m in members %}<span class="tag">{{ m.full_name or m.username }}{% if m.role %} · {{ m.role }}{% endif %}</span> {% endfor %}
  {% if not p.manager and not members %}<span class="muted">{{ t('No team members yet.') }}</span>{% endif %}
  {% if p.site_address %}<p class="muted" style="margin-bottom:0">{{ t('Site address') }}: {{ p.site_address }}</p>{% endif %}
  {% if p.notes %}<p style="margin-bottom:0">{{ p.notes }}</p>{% endif %}
</div>
{% if units and (units.by_state or units.mos) %}
<div class="card">
  <h2>{{ t('Units for this project') }}</h2>
  {% set order = [('finished', 'In factory'), ('dispatched', 'Dispatched'), ('delivered', 'Delivered on site'), ('installed', 'Installed'), ('handed_over', 'Handed over'), ('on_rent', 'On rent')] %}
  {% set total = units.by_state.values()|sum %}
  <div class="kpis" style="margin-bottom:12px">{% for k, l in order %}<a class="kpi" style="text-decoration:none" href="{{ url_for('units.index', project=p.id, state=k) }}"><div class="top"><span class="label">{{ t(l) }}</span></div><div class="value">{{ units.by_state.get(k, 0) }}</div></a>{% endfor %}</div>
  {% if total %}<div class="meter"><span style="width:{{ (units.by_state.get('handed_over', 0) / total * 100)|round }}%"></span></div><small class="muted">{{ units.by_state.get('handed_over', 0) }} / {{ total }} {{ t('handed over') }}</small>{% endif %}
  {% if units.mos %}<table style="margin-top:12px"><thead><tr><th>{{ t('Production order') }}</th><th>{{ t('Product') }}</th><th class="num">{{ t('Quantity') }}</th><th>{{ t('Status') }}</th></tr></thead>
    <tbody>{% for m in units.mos %}<tr data-href="{{ url_for('manufacturing.order', mo_id=m.id) }}"><td><b>{{ m.number }}</b></td><td>{{ nm(m) }}</td><td class="num">{{ '%g' % (m.qty_produced if m.state == 'done' else m.quantity) }}</td><td>{{ t(m.state|replace('_', ' ')|capitalize) }}</td></tr>{% endfor %}</tbody></table>{% endif %}
</div>
{% endif %}
{% endblock %}