@page "/kasse"
@using PlanTempus.Application.Features.CashRegister.Pages
@model PlanTempus.Application.Features.CashRegister.Pages.IndexModel
@{
    ViewData["Title"] = "Kasse";
}

<!-- Sticky Header (Stats + Tabs) -->
<swp-cash-sticky-header>
    <!-- Context Stats (changes based on active tab) -->
    <swp-cash-header>
        <!-- Stats for Oversigt tab -->
        <swp-cash-stats data-for-tab="oversigt" class="active">
            <swp-cash-stat>
                <swp-cash-stat-value>12</swp-cash-stat-value>
                <swp-cash-stat-label>Afstemninger i periode</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat class="highlight">
                <swp-cash-stat-value>186.450 kr</swp-cash-stat-value>
                <swp-cash-stat-label>Total omsætning</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat>
                <swp-cash-stat-value>42.340 kr</swp-cash-stat-value>
                <swp-cash-stat-label>Kontantsalg</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat class="warning">
                <swp-cash-stat-value>-75 kr</swp-cash-stat-value>
                <swp-cash-stat-label>Samlet difference</swp-cash-stat-label>
            </swp-cash-stat>
        </swp-cash-stats>

        <!-- Stats for Kasseafstemning tab -->
        <swp-cash-stats data-for-tab="afstemning">
            <swp-cash-stat>
                <swp-cash-stat-value>47</swp-cash-stat-value>
                <swp-cash-stat-label>Transaktioner i dag</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat class="highlight">
                <swp-cash-stat-value>18.865 kr</swp-cash-stat-value>
                <swp-cash-stat-label>Omsætning i dag</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat>
                <swp-cash-stat-value>29. dec 17:45</swp-cash-stat-value>
                <swp-cash-stat-label>Sidste afstemning</swp-cash-stat-label>
            </swp-cash-stat>
            <swp-cash-stat>
                <swp-cash-stat-value>Anna J.</swp-cash-stat-value>
                <swp-cash-stat-label>Åbnede kassen 29. dec 09:05</swp-cash-stat-label>
            </swp-cash-stat>
        </swp-cash-stats>
    </swp-cash-header>

    <!-- Tab Bar -->
    <swp-tab-bar>
    <swp-tab class="active" data-tab="oversigt">
        <i class="ph ph-list-checks"></i>
        Oversigt
    </swp-tab>
    <swp-tab data-tab="afstemning">
        <i class="ph ph-cash-register"></i>
        Kasseafstemning
    </swp-tab>
</swp-tab-bar>
</swp-cash-sticky-header>

<!-- Tab Content: Oversigt -->
<swp-tab-content data-tab="oversigt" class="active">
    <swp-page-container>
        @await Component.InvokeAsync("RegisterFilterBar")
        @await Component.InvokeAsync("ReconciliationTable")
    </swp-page-container>
</swp-tab-content>

<!-- Tab Content: Kasseafstemning -->
<swp-tab-content data-tab="afstemning">
    <swp-page-container>
        <swp-cash-grid>
            <swp-cash-column>
                @await Component.InvokeAsync("PeriodRevenue")
                @await Component.InvokeAsync("CashBalance")
                @await Component.InvokeAsync("CashDifference")
            </swp-cash-column>

            <swp-cash-column>
                @await Component.InvokeAsync("PeriodInfo")
                @await Component.InvokeAsync("ReconciliationNote")
                @await Component.InvokeAsync("CashApproval")
            </swp-cash-column>
        </swp-cash-grid>

        <swp-system-note>Systemet gemmer hvornår og af hvem der er godkendt – enkelt kontrolspor.</swp-system-note>
    </swp-page-container>
</swp-tab-content>