@model Nop.Plugin.Misc.FruitBankPlugin.Models.CustomerCreditWidgetModel

@{
    var remaining = Model.RemainingCredit;
    var statusClass = !Model.HasCreditLimit ? "text-muted"
        : remaining <= 0 ? "text-danger"
        : remaining < Model.CreditLimit * 0.2m ? "text-warning"
        : "text-success";
}

<div class="card card-default">
    <div class="card-header">
        <i class="fas fa-credit-card"></i>
        @T("Plugins.Misc.FruitBankPlugin.CustomerCredit.PageTitle")
    </div>
    <div class="card-body">

        <div class="form-group row">
            <div class="col-md-3">
                <label>@T("Plugins.Misc.FruitBankPlugin.CustomerCredit.CreditLimit")</label>
            </div>
            <div class="col-md-9">
                <span class="form-control-plaintext">
                    @(Model.HasCreditLimit ? Model.CreditLimit.ToString("N0") + " Ft" : T("Plugins.Misc.FruitBankPlugin.CustomerCredit.Unlimited").Text)
                </span>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-md-3">
                <label>@T("Plugins.Misc.FruitBankPlugin.CustomerCredit.OutstandingBalance")</label>
            </div>
            <div class="col-md-9">
                <span class="form-control-plaintext">
                    @Model.OutstandingBalance.ToString("N0") Ft
                </span>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-md-3">
                <label>@T("Plugins.Misc.FruitBankPlugin.CustomerCredit.RemainingCredit")</label>
            </div>
            <div class="col-md-9">
                <span class="form-control-plaintext @statusClass">
                    <strong>
                        @if (!Model.HasCreditLimit)
                        {
                            @T("Plugins.Misc.FruitBankPlugin.CustomerCredit.Unlimited")
                        }
                        else
                        {
                            @(remaining!.Value.ToString("N0"))
                            <span>Ft</span>
                        }
                    </strong>
                </span>
            </div>
        </div>

        @if (!string.IsNullOrWhiteSpace(Model.Comment))
        {
            <div class="form-group row">
                <div class="col-md-3">
                    <label>@T("Plugins.Misc.FruitBankPlugin.CustomerCredit.Comment")</label>
                </div>
                <div class="col-md-9">
                    <span class="form-control-plaintext text-muted">@Model.Comment</span>
                </div>
            </div>
        }

        <div class="form-group row">
            <div class="col-md-9 offset-md-3">
                <a href="/Admin/CustomerCredit/Details/@Model.CustomerId" class="btn btn-default">
                    <i class="fas fa-edit"></i>
                    @T("Plugins.Misc.FruitBankPlugin.CustomerCredit.EditTitle")
                </a>
            </div>
        </div>

    </div>
</div>