{% extends "base.html" %}
{% from "_macros.html" import icon with context %}
{% block title %}{{ t('Inventory Overview') }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>{{ t('Inventory Overview') }}</h1>
  <div class="dash-sub"><span>{{ t('Amounts in') }} {{ currency }}</span><span>·</span><span>{{ t('at average cost') }}</span></div></div>
  {% if can_write %}<div class="actions"><a class="btn ghost" href="{{ url_for('inventory.scrap') }}">{{ icon('alert') }}{{ t('Write Off Stock') }}</a>
    <a class="btn" href="{{ url_for('inventory.reorder') }}">{{ icon('refresh') }}{{ t('Reorder Suggestions') }}</a></div>{% endif %}
</div>
<div class="kpis">
  <a class="kpi" href="{{ url_for('inventory.stock') }}"><div class="top"><span class="label">{{ t('Stock value') }}</span><span class="ibox t-indigo">{{ icon('box') }}</span></div>
    <div class="value num">{{ value|money(currency) }}<small>{{ currency }}</small></div><div class="sub">{{ products_n }} {{ t('stock products') }}</div></a>
  <a class="kpi {{ 'alert' if reorder_n }}" href="{{ url_for('inventory.reorder') }}"><div class="top"><span class="label">{{ t('To reorder') }}</span><span class="ibox t-amber">{{ icon('refresh') }}</span></div>
    <div class="value num">{{ reorder_n }}</div><div class="sub">{{ t('products below their reorder point') }}</div></a>
  <a class="kpi {{ 'alert' if expired_n }}" href="{{ url_for('inventory.batches', status='30') }}"><div class="top"><span class="label">{{ t('Expiring within 30 days') }}</span><span class="ibox t-red">{{ icon('clock') }}</span></div>
    <div class="value num">{{ exp_n }}</div><div class="sub">{% if expired_n %}<span class="delta bad">{{ expired_n }}</span>{{ t('already expired') }}{% else %}{{ t('batches') }}{% endif %}</div></a>
  <a class="kpi" href="{{ url_for('inventory.pickings', kind='scrap') }}"><div class="top"><span class="label">{{ t('Write-offs (YTD)') }}</span><span class="ibox t-red">{{ icon('alert') }}</span></div>
    <div class="value num">{{ scrap|money(currency) }}<small>{{ currency }}</small></div><div class="sub">{{ t('Damaged, expired and lost') }}</div></a>
</div>
<div class="stat-row">
  <a class="stat" href="{{ url_for('inventory.pickings', kind='in', state='ready') }}"><span class="ibox t-green">{{ icon('down') }}</span>
    <div><div class="l">{{ t('Receipts to process') }}</div><div class="v num">{{ todo['in'] }}</div></div><div class="r">→</div></a>
  <a class="stat" href="{{ url_for('inventory.pickings', kind='out', state='ready') }}"><span class="ibox t-blue">{{ icon('truck') }}</span>
    <div><div class="l">{{ t('Deliveries to process') }}</div><div class="v num">{{ todo['out'] }}</div></div><div class="r">→</div></a>
  <div class="stat"><span class="ibox t-amber">{{ icon('history') }}</span>
    <div><div class="l">{{ t('Slow-moving stock') }}</div><div class="v num">{{ slow|money(currency) }}</div></div><div class="r">{{ slow_n }} {{ t('products not sold in 90 days') }}</div></div>
</div>
<div class="two-col">
  <div class="card flush">
    <div class="card-h"><h2>{{ t('Stock value by category') }}</h2></div>
    <table><tbody>
    {% for r in cat_rows %}<tr><td>{{ r.label }}</td><td style="width:40%"><div class="hbar"><i style="width:{{ r.value / cat_peak * 100 }}%"></i></div></td><td class="num">{{ r.value|money(currency) }}</td></tr>
    {% else %}<tr><td class="empty">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table>
  </div>
  <div class="card flush">
    <div class="card-h"><h2>{{ t('Highest stock value') }}</h2><a class="link" href="{{ url_for('inventory.stock') }}">{{ t('View all') }} →</a></div>
    <table><tbody>
    {% for r in top %}<tr data-href="{{ url_for('inventory.moves', product_id=r.id) }}"><td>{{ r.label }}</td><td class="num">{{ '%g' % r.qty }} <small>{{ r.uom or '' }}</small></td><td class="num">{{ r.value|money(currency) }}</td></tr>
    {% else %}<tr><td class="empty">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table>
  </div>
</div>
{% endblock %}