@page
@model IndexModel
@{
    ViewData["Title"] = "營運總覽";
}

<header class="page-header">
    <div>
        <h1>營運總覽</h1>
    </div>
    <div class="status-pill">本機資料已初始化</div>
</header>

<section class="metrics">
    <article>
        <span>供應商</span>
        <strong>@Model.Counts.SupplierCount</strong>
    </article>
    <article>
        <span>品項</span>
        <strong>@Model.Counts.ItemCount</strong>
    </article>
    <article>
        <span>門市/廚房</span>
        <strong>@Model.Counts.StoreCount</strong>
    </article>
    <article>
        <span>倉庫</span>
        <strong>@Model.Counts.WarehouseCount</strong>
    </article>
    <article>
        <span>OCR 單據</span>
        <strong>@Model.Counts.OcrDocumentCount</strong>
    </article>
</section>

<section class="panel">
    <h2>第一版主流程</h2>
    <div class="flow">
        <span>基本資料</span>
        <span>OCR/進貨</span>
        <span>驗收入庫</span>
        <span>庫存異動</span>
        <span>採購月結</span>
        <span>調撥/退貨</span>
        <span>報表</span>
    </div>
</section>

<section class="grid">
    @foreach (var module in Model.Modules)
    {
        <a class="module-card" href="/Modules?name=@Uri.EscapeDataString(module.Title)">
            <span>@module.Code</span>
            <h2>@module.Title</h2>
            <p>@module.Description</p>
        </a>
    }
</section>

<footer class="db-path">
    本機資料檔：@Model.DatabasePath
</footer>