@model smart.erp.web.Models.ListagemDePerdasDeRB
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    string fullTitle = "Perdas de Rede Básica";
    string[] meses = { "JAN", "FEV", "MAR", "ABR", "MAI", "JUN", "JUL", "AGO", "SET", "OUT", "NOV", "DEZ" };
}

<!--Page Header-->
<div class="header">
    <div class="header-content">
        <div class="page-title pull-left">
            <i class="icon-profile position-left"></i> @fullTitle
        </div>
        <div class="pull-right mtop15">
            <a href="#" data-popup="tooltip" data-placement="left" title="Cadastrar novo Perfil CCEE" class="btn btn-primary transition cadastroRapido">
                <b><i class="icon-plus22"></i></b>
            </a>
        </div>
        <div class="clearfix"></div>
        <ul class="breadcrumb">
            @Html.Action("Breadcrumb", "Info")
        </ul>
    </div>
</div>
<!--/Page Header-->
<div class="container-fluid page-content">
    <div class="panel panel-flat">
        <div class="panel-body" id="tabelaPld">
            <h5>Perdas de Rede Básica Por Mês (%)</h5>
            <div class="dataTable_wrapper">
                <table class="table table-bordered" id="tabelaPrevia">
                    <thead>
                        <tr class="header-table">
                            <th class="text-center" width="7.14%">ANO\MÊS</th>
                            @for (int i = 0; i < 12; i++)
                            {
                                <th class="text-center" width="7.14%">@meses[i]</th>
                            }
                            <th class="text-center" width="7.14%">MÉDIA</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var listas in Model.lstPerdasGeral)
                        {
                            <tr class="table-alternada">
                                <td class="text-center" style="font-weight: bold;">
                                    @listas.Ano
                                </td>
                                @foreach (var perda in listas.lstAnual)
                                {
                                    <td class="text-center">@((perda.PerdaConsumo / 100).ToString("P"))</td>
                                }
                                @if (listas.lstAnual.Count < 12)
                                {
                                    for (int i = 0; i < 12 - listas.lstAnual.Count; i++)
                                    {
                                        <td class="text-center">@(0.00.ToString("P"))</td>
                                    }
                                }
                                <td class="text-center" style="font-weight: bold;">@((listas.Media / 100).ToString("P"))</td>
                            </tr>
                        }
                        <tr class="legenda-table">
                            <td class="linhaLegenda" colspan="13" style="color: #0A2E3D;">* Média (12 meses): Índice indicativo com percentual médio referente aos últimos 12 meses de histórico. *Período de @Model.lstPerdasGeral.First().Ano - @Model.lstPerdasGeral.Last().Ano</td>
                            <td class="text-center" colspan="1" style="background-color: #0A2F3D; color: #FFFFFF;">@((Model.Media / 100).ToString("P"))</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>