{% extends "ewoooc_base.html" %}
{% block title %}發送歷史 - EwoooC{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/page-vendor-tools.css') }}">
{% endblock %}

{% block content %}
<section class="vendor-tools-page" data-vendor-tool="history">
  <header class="vendor-tools-header">
    <div>
      <span class="vendor-tools-kicker"><i class="fas fa-boxes-stacked"></i>供貨風險</span>
      <h1>發送歷史</h1>
      <p>回看缺貨處理紀錄，找出需要補救的供貨風險。</p>
    </div>
    <div class="vendor-tools-nav" aria-label="廠商缺貨工具導覽">
    <a href="/vendor-stockout/" ><i class="fas fa-table-columns"></i>總覽</a>
    <a href="/vendor-stockout/list" ><i class="fas fa-list-check"></i>缺貨清單</a>
    <a href="/vendor-stockout/import" ><i class="fas fa-file-arrow-up"></i>匯入</a>
    <a href="/vendor-stockout/vendor-management" ><i class="fas fa-building"></i>廠商</a>
    <a href="/vendor-stockout/send-email" ><i class="fas fa-paper-plane"></i>郵件記錄</a>
    <a href="/vendor-stockout/history" class="is-active" aria-current="page"><i class="fas fa-clock-rotate-left"></i>歷史</a>
</div>
  </header>

  <div class="vendor-tools-body">
    <div class="card">
      <div class="card-body">
        <div class="alert alert-info mb-0">
          <i class="fas fa-circle-info me-2"></i>
          現階段請先使用「郵件記錄」確認正式發送狀態。
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}