@using Biskilog_Accounting.Shared.Interfaces;
@inject ICalculator m_calculator;

<div class="card">
    <div class="d-flex align-items-end row">
        <div class="col-sm-7">
            <div class="card-body">
                <h5 class="card-title text-primary">@(CurrentTradeSales > PreviousTradeSales ? "Congratulations 🎉" : "Tough shift there") @Username!</h5>
                <p class="mb-4">
                    @m_remarks
                </p>
                <a href="javascript:;" class="btn btn-sm btn-outline-primary">View Trade Summary</a>
            </div>
        </div>
        <div class="col-sm-5 text-center text-sm-left">
            <div class="card-body pb-0 px-0 px-md-4">
                <img src="../assets/img/illustrations/man-with-laptop-light.png"
                     height="140"
                     alt="View Badge User"
                     data-app-dark-img="illustrations/man-with-laptop-dark.png"
                     data-app-light-img="illustrations/man-with-laptop-light.png" />
            </div>
        </div>
    </div>
</div>