{% extends "base.html" %}
{% block title %}Nadzorna plosca{% endblock %}
{% block content %}
<section class="page-header">
  <div>
    <h1>Nadzorna plosca</h1>
    <p>Hitri pregled narocil in sifrantov za operativno delo.</p>
  </div>
  <a class="button-link" href="{{ url_for('new_order') }}">Ustvari novo narocilo</a>
</section>
<section class="stats-grid">
  <article class="stat-card"><h2>{{ counts.orders }}</h2><p>Narocila skupaj</p></article>
  <article class="stat-card"><h2>{{ counts.carriers }}</h2><p>Prevozniki</p></article>
  <article class="stat-card"><h2>{{ counts.receivers }}</h2><p>Prejemniki</p></article>
  <article class="stat-card"><h2>{{ counts.senders }}</h2><p>Posiljatelji</p></article>
</section>
<section class="panel">
  <div class="panel-header">
    <h2>Zadnja narocila</h2>
    <a href="{{ url_for('orders') }}">Poglej vse</a>
  </div>
  <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Stevilka</th><th>Prevoznik</th><th>Blago</th><th>Status</th></tr>
      </thead>
      <tbody>
        {% for order in recent_orders %}
        <tr>
          <td><a href="{{ url_for('order_detail', order_id=order.id) }}">{{ order.order_number }}</a></td>
          <td>{{ order.carrier.company_name }}</td>
          <td>{{ order.goods_type.name }}</td>
          <td>{{ order.email_status }}</td>
        </tr>
        {% else %}
        <tr><td colspan="4">Zaenkrat se ni vnesenih narocil.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}