{% extends "base.html" %}
{% from "manufacturing/_macros.html" import mo_badge, qty with context %}
{% block title %}{{ t('Manufacturing') }}{% endblock %}
{% block content %}
<div class="page-head">
  <div><h1>{{ t('Manufacturing') }}</h1><p class="muted" style="margin:4px 0 0">{{ t('Production, material planning and quality at a glance.') }}</p></div>
  <div class="actions">
    <a class="btn ghost" href="{{ url_for('manufacturing.planning') }}">{{ t('Material planning') }}</a>
    {% if can_write %}<a class="btn" href="{{ url_for('manufacturing.order_form') }}">+ {{ t('New production order') }}</a>{% endif %}
  </div>
</div>
{% set cur = company.currency %}
<div class="kpis">
  <a class="kpi" href="{{ url_for('manufacturing.orders', state='in_progress') }}" style="text-decoration:none">
    <div class="top"><span class="label">{{ t('In production') }}</span><span class="ibox t-indigo">{{ icon('settings') }}</span></div>
    <div class="value">{{ ov.counts.get('in_progress', 0) }}</div>
    <div class="sub">{{ ov.counts.get('confirmed', 0) }} {{ t('confirmed, waiting to start') }}</div></a>
  <a class="kpi" href="{{ url_for('manufacturing.orders', state='open') }}" style="text-decoration:none">
    <div class="top"><span class="label">{{ t('Late orders') }}</span><span class="ibox t-rose">{{ icon('clock') }}</span></div>
    <div class="value {{ 'neg' if ov.late }}">{{ ov.late }}</div>
    <div class="sub">{{ t('past their due date') }}</div></a>
  <div class="kpi">
    <div class="top"><span class="label">{{ t('Produced this month') }}</span><span class="ibox t-green">{{ icon('box') }}</span></div>
    <div class="value num">{{ ov.month.value|money(cur) }}<small>{{ cur }}</small></div>
    <div class="sub">{{ qty(ov.month.qty) }} {{ t('units') }}{% if ov.month.scrap %} · {{ qty(ov.month.scrap) }} {{ t('scrapped') }}{% endif %}</div></div>
  <a class="kpi" href="{{ url_for('manufacturing.quality') }}" style="text-decoration:none">
    <div class="top"><span class="label">{{ t('Quality pass rate') }}</span><span class="ibox t-amber">{{ icon('check') }}</span></div>
    {% set total_qc = ov.qc_pass + ov.qc_fail %}
    <div class="value">{{ ((ov.qc_pass / total_qc * 100)|round(1)) if total_qc else '—' }}{% if total_qc %}<small>%</small>{% endif %}</div>
    <div class="sub">{{ ov.qc_fail }} {{ t('failed in the last 90 days') }}</div></a>
</div>

<div class="dash-grid" style="display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px">
  <div class="card flush" style="min-width:0">
    <div style="display:flex;align-items:center;gap:10px;padding:14px 16px"><h2 style="margin:0">{{ t('Active production orders') }}</h2><span style="flex:1"></span>
      <a class="link" href="{{ url_for('manufacturing.orders') }}">{{ t('View all') }} →</a></div>
    <table>
      <thead><tr><th>{{ t('Order') }}</th><th>{{ t('Product') }}</th><th class="num">{{ t('Quantity') }}</th><th>{{ t('Due') }}</th><th>{{ t('Status') }}</th></tr></thead>
      <tbody>
      {% for r in active %}
        <tr data-href="{{ url_for('manufacturing.order', mo_id=r.id) }}"><td><b>{{ r.number }}</b></td><td>{{ nm(r) }}<br><small class="muted">{{ r.code }}</small></td>
          <td class="num">{{ qty(r.quantity) }} <small>{{ r.uom or '' }}</small></td>
          <td class="{{ 'neg' if (r.due_date or r.planned_date) < today }}">{{ r.due_date or r.planned_date }}</td><td>{{ mo_badge(r.state) }}</td></tr>
      {% else %}<tr><td colspan="5" class="empty">{{ t('Nothing in production.') }}</td></tr>{% endfor %}
      </tbody>
    </table>
  </div>
  <div style="display:flex;flex-direction:column;gap:16px;min-width:0">
    <div class="card">
      <h2>{{ t('Work centre load') }}</h2>
      <p class="muted" style="margin-top:0"><small>{{ t('Planned hours not yet worked, in days of capacity.') }}</small></p>
      {% for w in ov.load %}{% set days = (w.minutes / 60 / (w.hours_per_day or 8)) %}
        <div style="margin-bottom:10px"><div style="display:flex;justify-content:space-between;font-size:13px"><span>{{ w.code }} · {{ nm(w) }}</span><b>{{ '%.1f' % days }} {{ t('days') }}</b></div>
          <div class="meter {{ 'over' if days > 5 else ('high' if days > 2 else '') }}"><span style="width:{{ [days / 5 * 100, 100]|min }}%"></span></div></div>
      {% else %}<p class="muted">{{ t('No work centres yet.') }}</p>{% endfor %}
    </div>
    <div class="card">
      <h2>{{ t('Work in progress') }}</h2>
      <div class="value num" style="font-size:24px;font-weight:650">{{ ov.wip|money(cur) }} <small class="muted">{{ cur }}</small></div>
      <p class="muted" style="margin-bottom:0"><small>{{ t('Materials and labour in orders not yet finished (work in progress account).') }}</small></p>
    </div>
  </div>
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px">
  <div class="card flush">
    <div style="display:flex;align-items:center;gap:10px;padding:14px 16px"><h2 style="margin:0">{{ t('Suggested to make') }}</h2><span style="flex:1"></span><a class="link" href="{{ url_for('manufacturing.planning') }}">{{ t('Plan') }} →</a></div>
    <table><thead><tr><th>{{ t('Product') }}</th><th class="num">{{ t('Demand') }}</th><th class="num">{{ t('On hand') }}</th><th class="num">{{ t('Make') }}</th></tr></thead>
      <tbody>{% for m in to_make[:6] %}<tr><td>{{ nm(m) }}</td><td class="num">{{ qty(m.demand) }}</td><td class="num">{{ qty(m.on_hand) }}</td><td class="num"><b>{{ qty(m.suggest) }}</b></td></tr>
      {% else %}<tr><td colspan="4" class="empty">{{ t('Stock and planned production cover the demand.') }}</td></tr>{% endfor %}</tbody></table>
  </div>
  <div class="card flush">
    <div style="display:flex;align-items:center;gap:10px;padding:14px 16px"><h2 style="margin:0">{{ t('Components short') }}</h2><span style="flex:1"></span><a class="link" href="{{ url_for('manufacturing.planning') }}#buy">{{ t('Buy') }} →</a></div>
    <table><thead><tr><th>{{ t('Component') }}</th><th class="num">{{ t('Needed') }}</th><th class="num">{{ t('Available') }}</th><th class="num">{{ t('Short') }}</th></tr></thead>
      <tbody>{% for b in to_buy[:6] %}<tr><td>{{ nm(b) }}</td><td class="num">{{ qty(b.required) }}</td><td class="num">{{ qty(b.on_hand + b.incoming) }}</td><td class="num neg"><b>{{ qty(b.short) }}</b></td></tr>
      {% else %}<tr><td colspan="4" class="empty">{{ t('All components are available.') }}</td></tr>{% endfor %}</tbody></table>
  </div>
</div>
<style>@media (max-width: 900px) { .dash-grid { grid-template-columns: 1fr !important; } }</style>
{% endblock %}