@model IEnumerable<ParcelWeb.Core.Dto.PricingPlanViewDto>
@using ParcelWeb.Core
@{
    Layout = null;
}

<ul class="nav nav-tabs nav-top-border no-hover-bg">
    @{
        bool navcactive = true;
    }
    @foreach (var item in ViewBag.Package)
    {

        if (navcactive)
        {
            <li class="nav-item">
                <a class="nav-link active in" id="@string.Concat("a",item.Id)" data-toggle="tab" aria-controls="@string.Concat("tab",item.Id)" href="@string.Concat("#","tab",item.Id)" aria-expanded="true">@item.Name</a>
            </li>
            navcactive = false;
        }
        else
        {
            <li class="nav-item">
                <a class="nav-link" id="@string.Concat("a",item.Id)" data-toggle="tab" aria-controls="@string.Concat("tab",item.Id)" href="@string.Concat("#","tab",item.Id)" aria-expanded="true">@item.Name</a>
            </li>
        }


    }
</ul>





<div class="tab-content px-1 pt-1">
    @{ bool contentactive = true;}
    @foreach (var item in ViewBag.Package)
    {
        if (contentactive)
        {
            <div role="tabpanel" class="tab-pane active" id="@string.Concat("tab", item.Id)" aria-expanded="true" aria-labelledby="@string.Concat("a", item.Id)">
                <div class="table-responsive">
                    <table class="table table-condensed table-bordered table-hover table-slim" id="dgvRates" style="width:100%">
                        <thead class="thead-default">
                            <tr>
                                <th>@Html.DisplayNameFor(model => model.DeliveryService)</th>
                                <th>@RateType.WithinCity</th>
                                <th>@RateType.CitytoCity</th>
                                <th>@RateType.SameZone</th>
                                <th>@RateType.DifferentZone</th>
                                <th>COD Charges</th>
                                <th>COD %</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var rate in Model)
                            {
                                if (rate.PackageId == item.Id)
                                {
                                    <tr>
                                        <td>@rate.DeliverySubService</td>
                                        <td>
                                            @rate.WithinCity
                                        </td>
                                        <td>
                                            @rate.CitytoCity
                                        </td>
                                        <td>
                                            @rate.SameZone
                                        </td>
                                        <td>
                                            @rate.DifferentZone
                                        </td>
                                        <td>
                                            @rate.CODCharges
                                        </td>
                                        <td>
                                           @string.Concat(rate.CODPercent,"%")
                                        </td>
                                    </tr>
                                }

                            }
                        </tbody>
                    </table>
                </div>
            </div>
            contentactive = false;
        }
        else
        {
            <div role="tabpanel" class="tab-pane" id="@string.Concat("tab", item.Id)" aria-expanded="true" aria-labelledby="@string.Concat("a", item.Id)">
                <div class="table-responsive">
                    <table class="table table-condensed table-bordered table-hover table-slim" id="dgvRates" style="width:100%">
                        <thead class="thead-default">
                            <tr>
                                <th>@Html.DisplayNameFor(model => model.DeliveryService)</th>
                                <th>@RateType.WithinCity</th>
                                <th>@RateType.CitytoCity</th>
                                <th>@RateType.SameZone</th>
                                <th>@RateType.DifferentZone</th>
                                <th>COD Charges</th>
                                <th>COD %</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var rate in Model)
                            {
                                if (rate.PackageId == item.Id)
                                {
                                    <tr>
                                        <td>@rate.DeliverySubService</td>
                                        <td>
                                            @rate.WithinCity
                                        </td>
                                        <td>
                                            @rate.CitytoCity
                                        </td>
                                        <td>
                                            @rate.SameZone
                                        </td>
                                        <td>
                                            @rate.DifferentZone
                                        </td>
                                        <td>
                                            @rate.CODCharges
                                        </td>
                                        <td>
                                            @string.Concat(rate.CODPercent, "%")
                                        </td>
                                    </tr>
                                }

                            }
                        </tbody>
                    </table>
                </div>
            </div>
        }
    }
</div>