<table id="tableColunasPainelWidth" class="painel" ng-controller="PainelFinalServiceController as pFinalServ" data-resizable-columns-id="tableColunasPainelWidth">
    <thead>
        <tr ng-style="StyleTamanhoFonteTitulosColunas">
            <th ng-repeat="item in itinerariosFormatados[0] | filter:{Exibicao:true, Hidden:false} | orderBy: 'OrdemColuna' track by $index"
                data-resizable-column-id={{item.Coluna}} data-col="{{item.Coluna}}" style="width: {{ item.LarguraColuna }}; text-align: center;"
                ng-class="{centered: item.Coluna == 'Plataforma' || item.Coluna == 'ChegadaPrevista' || item.Coluna == 'ChegadaPrevista2' || item.Coluna == 'ChegadaPrevista3',
                destaque:  item.Coluna == 'ChegadaPrevista' || item.Coluna == 'Veiculo'}" colspan="{{item.Colspan}}">
                {{item.TituloColuna}}
            </th>
        </tr>
    </thead>

    <tbody>
        <tr ng-repeat="itinerario in itinerariosFormatados | limitTo: itemsPerPage : rptBegin">
            <td ng-repeat="item in itinerario  | filter: { Exibicao: true } | orderBy: 'OrdemColuna' track by $index" ng-style="StyleFonteLinhasGrid">

                <div ng-if="item.Coluna == 'Veiculo' && tipotemplate !='URBANO'" class="dados-veiculo">
                    <span ng-show="Exibe.IdentificadorVeiculo.Visivel" class="cod-id-veiculo destaque">{{item.Value}}</span>
                    <img ng-show="Exibe.Icone.Visivel" class="veiculo" ng-src="{{ GetImagemVeiculo(item.TipoVeiculo) }}" alt="veículo">
                </div>

                <div ng-if="item.Coluna == 'DescricaoLinha'" class="dados-linha">
                    <span class="id-linha destaque" ng-show="Exibe.IdentificadorLinha.Visivel">{{item.IdentificadorLinha }}</span>
                    <span class="nome-linha">{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'CadeiranteVeiculo'" class="acessibilidade">
                    <i class="icon-preferential"></i>
                </div>

                <div ng-if="item.Coluna == 'Plataforma' && item.Value != null && item.Value != ''" class=" plataforma">
                    <span style="background-color:{{ item.CorFundoPlataforma }}; color:{{ item.CorFontePlataforma }}">{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'Origem'">
                    <span>{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'Destino'">
                    <span>{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'DescricaoProximoTerminal'">
                    <span>{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'DistanciaTerminal'">
                    <span>{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'Horario'">
                    <span>{{item.Value}}</span>
                </div>

                <div ng-if="item.Coluna == 'ChegadaPrevista'" class="dados-horario">
                    <span class="horario destaque">
                        <p>
                            <i class="real-time-icon" ng-show="item.Value.RealTime && item.Value.ExibeIconeRealTime"></i>
                            <text style="margin-left:10px;">{{item.Value.Previsao}}</text>
                        </p>
                    </span>
                    <div class="info" ng-show="TipoTemplate == 'URBANO'" ng-class="{ hidden: item.Value.IdentificadorVeiculo == null }">
                        <img class="veiculo" ng-show="Exibe.Icone.Visivel" ng-src="{{ GetImagemVeiculo(item.Value.TipoVeiculo) }}" ng-if="item.Value.Icone" alt="veículo">
                        <span class="cod-id-veiculo" ng-show="Exibe.IdentificadorVeiculo.Visivel">
                            {{item.Value.IdentificadorVeiculo}}
                            <i ng-if="item.Value.Cadeirante" class="icon-preferential"></i>
                        </span>
                    </div>
                </div>

                <div ng-if="item.Coluna == 'ChegadaPrevista2'" class="dados-horario">
                    <span class="horario">
                        <p>
                            <i class="real-time-icon" ng-show="item.Value.RealTime && item.Value.ExibeIconeRealTime"></i>
                            <text>{{item.Value.Previsao}}</text>
                        </p>
                    </span>
                    <div class="info" ng-show="TipoTemplate == 'URBANO'" ng-class="{ hidden: item.Value.IdentificadorVeiculo == null }">
                        <img class="veiculo" ng-show="Exibe.Icone.Visivel" ng-src="{{ GetImagemVeiculo(item.Value.TipoVeiculo) }}" ng-if="item.Value.Icone" alt="veículo">
                        <span class="cod-id-veiculo" ng-show="Exibe.IdentificadorVeiculo.Visivel">
                            {{item.Value.IdentificadorVeiculo}}
                            <i ng-if="item.Value.Cadeirante" class="icon-preferential"></i>
                        </span>
                    </div>
                </div>

                <div ng-if="item.Coluna == 'ChegadaPrevista3'" class="dados-horario">
                    <span class="horario">
                        <p>
                            <i class="real-time-icon" ng-show="item.Value.RealTime && item.Value.ExibeIconeRealTime"></i>
                            <text>{{item.Value.Previsao}}</text>
                        </p>
                    </span>
                    <div class="info" ng-show="TipoTemplate == 'URBANO'" ng-class="{ hidden: item.Value.IdentificadorVeiculo == null }">
                        <img class="veiculo" ng-show="Exibe.Icone.Visivel" ng-src="{{ GetImagemVeiculo(item.Value.TipoVeiculo) }}" ng-if="item.Value.Icone" alt="veículo">
                        <span class="cod-id-veiculo" ng-show="Exibe.IdentificadorVeiculo.Visivel">
                            {{item.Value.IdentificadorVeiculo}}
                            <i ng-if="item.Value.Cadeirante" class="icon-preferential"></i>
                        </span>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
