@using Biskilog_Accounting.Client.Pages.Dashboard.Elements
@using Biskilog_Accounting.Shared.Interfaces
@inject HttpClient m_http
@inject ITokenService m_tokenService
@page "/"
<div class="row" style="margin-top:10px;">
    <h4>Summary for the Week </h4>
</div>
<div class="row">
    <div class="col-lg-8 mb-4 order-0">
        <WelcomeCard TradeSummary="@m_tradeSummary" Username="@m_username" IsLoading="@m_loadingTradeSummary" />
    </div>
    <div class="col-lg-4 col-md-4 order-1">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-6 mb-4">
                <AnalyticsItemSmall IsLoading="@m_loadingTradeSummary" Icon="../assets/img/icons/unicons/chart-success.png" Title="Transactions" Value="@m_tradeSummary.CurrentTradeSales" Percentage="@(((m_tradeSummary.CurrentTradeSales-m_tradeSummary.LastTradeSales)/m_tradeSummary.LastTradeSales)*100)" />
            </div>
            <div class="col-lg-6 col-md-12 col-6 mb-4">
                <AnalyticsItemSmall IsLoading="@m_loadingCancelledSummary" Icon="../assets/img/icons/unicons/wallet-info.png" Title="Cancelled Sales" Value="@(m_cancelledWeeklySale)" Percentage="@(m_cancelledPercentage)" />
            </div>
        </div>
    </div>
    <!-- Total Revenue -->
    <div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
        <ChartElement Series="@m_weeklySaleItems" Title="Weekly Sales Trend" SubTitle="Top performing categories"
            CategorySummary = "m_categorySummary" IsLoading="@m_loadingWeeklySales" />
    </div>
    <!--/ Total Revenue -->
    <div class="col-12 col-md-8 col-lg-4 order-3 order-md-2">
        <div class="row">
            <div class="col-6 mb-4">
                <AnalyticsItemSmall IsLoading="@(!m_loadingCreditSummary)" Icon="../assets/img/icons/unicons/paypal.png" Title="Credit Sales" Value="0" Percentage="0" />
            </div>
            <div class="col-6 mb-4">
                <AnalyticsItemSmall IsLoading="@m_loadingDebtSummary" Icon="../assets/img/icons/unicons/cc-primary.png" Title="Debts To Collect" Value="@(m_totalDebt)" Percentage="-22" />
            </div>
            <!-- </div>
            <div class="row"> -->
            <div class="col-12 mb-4">
                <ProductPriceHistory ProductHistory="@m_ProductPriceChanges" IsLoading="@m_loadingPriceHistory" />
            </div>
        </div>
    </div>
</div>
<div class="row">
    <!-- Low stock items -->
    <div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-4">
        <LowStockItems LowStockProducts="@m_lowstock" IsLoading="@m_loadingLowStockSummary" />
    </div>
    <!--/ Order Statistics -->
    <!-- Expense Overview -->
    <div class="col-md-6 col-lg-4 order-1 mb-4">
        <MostPurchasedElement MostPurchasedItems="@m_mostPurchased" IsLoading="@m_loadingMostPurchased" />
    </div>
    <!--/ Expense Overview -->
    <!-- Transactions -->
    <div class="col-md-6 col-lg-4 order-2 mb-4">
        <!-- Recent Transactions -->
        <TransactionCard Sales="@m_recentTransaction" IsLoading="@m_loadingRecentTransactionsSummary" />
        <!--/ Recent Transactions -->
    </div>
    <!--/ Transactions -->
</div>