<table id="painel" class="painel dragtable-sortable" ng-controller="PainelFinalServiceController as pFinalServ">
    <thead>        
        <tr>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Veiculo" ng-show="Exibe.Veiculo.Visivel">{{Exibe.Veiculo.Texto ? Exibe.Veiculo.Texto : "Veículo"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Cadeirante" ng-show="Exibe.Cadeirante.Visivel">{{ TipoTemplate != 'URBANO' ? '' : Exibe.Cadeirante.Texto ? Exibe.Cadeirante.Texto : 'Cadeirante' }}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Linha" ng-show="Exibe.Linha.Visivel">{{Exibe.Linha.Texto ? Exibe.Linha.Texto : "Linha"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Plataforma" ng-show="Exibe.Plataforma.Visivel">{{Exibe.Plataforma.Texto ? Exibe.Plataforma.Texto : "Plataforma"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Origem" ng-show="Exibe.Origem.Visivel">{{Exibe.Origem.Texto ? Exibe.Origem.Texto : "Origem"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Destino" ng-show="Exibe.Destino.Visivel">{{Exibe.Destino.Texto ? Exibe.Destino.Texto : "Destino"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="ProximoTerminal" ng-show="Exibe.ProximoTerminal.Visivel">{{Exibe.ProximoTerminal.Texto ? Exibe.ProximoTerminal.Texto : "Próximo Terminal"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Distancia" ng-show="Exibe.Distancia.Visivel">{{Exibe.Distancia.Texto ? Exibe.Distancia.Texto : "Distância"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="Horario" ng-show="Exibe.Horario.Visivel">{{Exibe.Horario.Texto ? Exibe.Horario.Texto : "Horário"}}</th>
            <th class="accept" style="opacity: 1; cursor:default" data-column="ChegadaPrevista[0]" ng-repeat="heading in Exibe.ChegadaPrevista track by $index" ng-show="heading.Visivel">{{heading.Texto ? heading.Texto : "Chegada " + ($index + 1) }}</th>           
        </tr>       
    </thead>

    <tbody>
        <tr repeat-done="ngRepeatFinished" ng-repeat="itinerario in itinerariosFilter"  class="fade-lines">
            <td ng-show="Exibe.Veiculo.Visivel && TipoTemplate !='URBANO'">
                <div class="dados-veiculo" ng-if="Exibe.Veiculo.Visivel && TipoTemplate !='URBANO'">
                    <span ng-show="Exibe.IdentificadorVeiculo.Visivel" class="cod-id-veiculo destaque">{{itinerario.IdentificadorVeiculo}}</span>
                    <img ng-if="itinerario.Icone" ng-show="Exibe.Icone.Visivel" class="veiculo" ng-src="{{ itinerario.Icone }}" alt="Veículo">
                </div>
            </td>
            <td ng-show="Exibe.Cadeirante.Visivel">
                <div class="acessibilidade">
                    <i ng-if="itinerario.CadeiranteVeiculo" class="icon-preferential"></i>
                </div>
            </td>
            <td ng-show="Exibe.Linha.Visivel">
                <div class="dados-linha">
                    <span class="id-linha" ng-show="Exibe.IdentificadorLinha.Visivel">{{itinerario.IdentificadorLinha | limitTo: 3}}</span>
                    <span class="nome-linha">{{itinerario.DescricaoLinha}}</span>                    
                </div>                
            </td>
            <td ng-show="Exibe.Plataforma.Visivel">
                <div class="plataforma" style="
                     background-color: {{ CarregarCorFundoPlataforma(itinerario.Plataforma) }};
                     color: {{ CarregarCorFontePlataforma(itinerario.Plataforma) }};">{{itinerario.Plataforma}}</div>
            </td>
            <td ng-show="Exibe.Origem.Visivel">
                <div>{{itinerario.Origem}}</div>
            </td>
            <td ng-show="Exibe.Destino.Visivel">
                <div>{{itinerario.Destino}}</div>
            </td>
            <td ng-show="Exibe.ProximoTerminal.Visivel">
                <div>{{itinerario.DecricaoProximoTerminal}}</div>
            </td>
            <td ng-show="Exibe.Distancia.Visivel">
                <div>{{itinerario.DistanciaTerminal}}</div>
            </td>
            <td ng-show="Exibe.Horario.Visivel">
                <div>{{itinerario.horario}}</div>
            </td>
            <td ng-repeat="previsao in itinerario.PrevisoesChegada">
                <div class="dados-horario">
                    <span class="horario destaque">{{ CalculaPrevisao(previsao) }}</span>
                    <div class="info" ng-show="TipoTemplate == 'URBANO'">
                        <img class="veiculo" ng-show="Exibe.Icone.Visivel" ng-src="{{ previsao.Icone }}" alt="Veículo">
                        <span class="cod-id-veiculo" ng-show="Exibe.IdentificadorVeiculo.Visivel">
                            {{previsao.IdentificadorVeiculo}}
                            <i ng-if="previsao.Cadeirante" class="icon-preferential"></i>
                        </span>
                    </div>
                </div>
            </td>
            <td ng-show="itinerario.PrevisoesChegada.length < 2"></td>
            <td ng-show="itinerario.PrevisoesChegada.length < 3"></td>
        </tr>
    </tbody>
</table>

