@using System.Globalization
@using Leica.Spider.BusinessCenter.Frontend.Utils
@using Leica.Spider.BusinessCenter.WCFInterfaces
@model Leica.Spider.BusinessCenter.Frontend.Areas.User.Models.SubscriptionViewModel

<div class="subscriptionPeriod">
    @if (Model.Status != SubscriptionStatus.Pending)
    {
        var totalDays = (Model.RenewalDate - Model.StartDate).TotalDays;
        var remainingDays = (Model.RenewalDate - DateTime.Today.Date).TotalDays;
        var renewalDays = (Model.ExpiryDate - Model.RenewalDate).TotalDays;
        var daysPercentage = totalDays > 0 ? 1.0 - remainingDays / totalDays : 0;
        var daysToExceed = (Convert.ToDateTime(Model.ExpiryDate) - DateTime.Today).TotalDays;
        <div class="row">
            <div class="col-lg-12 col-sm-12">
                <div class="value row">
                    <div class="col-lg-12 col-xs-12 text-center small text-nowrap">
                        @{
                            if (remainingDays < 0 && renewalDays >= 0)
                            {
                                if (Model.Status == SubscriptionStatus.ActiveAndExpired)
                                {
                                    <span class="expired">@Lang.Html("IDS_SUBSCRIPTION_STATUS_EXPIRED")</span>
                                }
                                else
                                {
                                    <span class="pending">@(daysToExceed >= 0 ? Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_GRACE_PERIOD") : Lang.Html("IDS_SUBSCRIPTION_STATUS_EXPIRED"))</span>
                                }
                            }
                            else
                            {
                                if (Model.Status == SubscriptionStatus.ActiveAndExpired)
                                {
                                    <span class="expired">@Lang.Html("IDS_SUBSCRIPTION_STATUS_EXPIRED")</span>
                                }
                                else
                                {
                                    <span class="active">@Lang.Html("IDS_SUBSCRIPTION_STATUS_ACTIVE")</span>
                                }
                            }
                        }
                    </div>
                </div>
                <div class="progress  progress-xs">
                    @if (remainingDays < 0 && renewalDays >= 0)
                    {
                        if (Model.Status == SubscriptionStatus.ActiveAndExpired)
                        {
                            <div class="progress-bar progress-bar-danger"
                                 style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                            </div>
                        }
                        else
                        {
                            <div class="progress-bar progress-bar-@(daysToExceed >= 0 ? "pending" : "danger")"
                                 style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                            </div>
                        }
                    }
                    else
                    {
                        if (Model.Status == SubscriptionStatus.ActiveAndExpired)
                        {
                            <div class="progress-bar progress-bar-danger"
                                 style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                            </div>
                        }
                        else
                        {
                            <div class="progress-bar progress-bar-success progress-bar-striped active"
                                 style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", daysPercentage > 1 ? 1.0 : daysPercentage)">
                            </div>
                        }
                    }
                </div>
                <div class="value row">
                    <div class="col-lg-6 col-xs-6 small">
                        @($"{Model.StartDate:yyyy-MM-dd}")
                    </div>
                    <div class="col-lg-6 col-xs-6 text-right small">
                        @($"{Model.RenewalDate:yyyy-MM-dd}")
                    </div>
                </div>
            </div>
        </div>
    }
</div>
@if (Model.HasRtkProduct)
{
<div class="consumption">
    @if (Model.ConsumptionLimit > 0)
    {
        if (Model.Status != SubscriptionStatus.Pending)
        {
            var usagePercentage = 1.0 - (double)Model.Remaining / Model.ConsumptionLimit;
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <div class="value row">
                        <div class="col-lg-12 col-xs-12 small text-center">
                            @if (Model.Remaining > 0)
                            {
                                <div class="col-lg-12 col-xs-12 text-center small text-nowrap">
                                    <span>@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_CONSUMPTION_LABEL")</span>
                                </div>
                            }
                            else
                            {
                                <div class="col-lg-12 col-xs-12 text-center small text-nowrap">
                                    <span class="expired">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_QUOTA_EXCEEDED_LABEL")</span>
                                </div>
                            }
                        </div>
                    </div>
                    <div class="progress progress-xs">
                        <div class="progress-bar @(Model.Remaining < 1 ? "progress-bar-danger" : "progress-bar-success progress-bar-striped active")"
                             role="progressbar"
                             aria-valuenow="70"
                             aria-valuemin="0"
                             aria-valuemax="100"
                             style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", usagePercentage > 1 ? 1.0 : usagePercentage)">
                        </div>
                    </div>
                    <div class="value row">
                        <div class="col-lg-6 col-xs-6 small">
                            @Lang.FormatDuration("IDS_SUBSCRIPTIONS_MOBILE_UNIT_CONSUMED_REMAINING_HRS", 0)
                        </div>
                        <div class="col-lg-6 col-xs-6 text-right small">
                            @Lang.FormatDuration("IDS_SUBSCRIPTIONS_MOBILE_UNIT_CONSUMED_REMAINING_HRS", Model.ConsumptionLimit)
                        </div>
                    </div>
                </div>
            </div>
        }
    }
    else
    {
        <div class="unlimited row">
            <div class="col-lg-12 col-sm-12">
                <div class="value row">
                    <div class="col-lg-12 col-xs-12 text-center small text-nowrap">
                        <span>@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_UNLIMITED_QUOTA_LABEL")</span>
                    </div>
                </div>
                <div class="progress progress-xs">
                    <div class="progress-bar"
                         role="progressbar"
                         aria-valuenow="70"
                         aria-valuemin="0"
                         aria-valuemax="100"
                         style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 0)">
                    </div>
                </div>
            </div>
        </div>
    }
</div>
}