<footer class="main-footer" ng-controller="ConfiguracaoRodaPeNoticiaController" ng-style="StyleGeralRodape" ng-show="modoDeEdicao">
    <!--<div class="footer-heading" ng-hide="modoDeEdicao">
        <h2 ng-show="exibeMsg">
            {{ Config.TituloSecaoMensagensCustomizaveis ? Config.TituloSecaoMensagensCustomizaveis : "Últimas Notícias"  }}
            <span class="footer-contador">{{indexMensagem}} • {{msgCount}}</span>
        </h2>
        <h2 ng-show="exibePrev">
            {{ Config.TituloSecaoSaidasPrevistas ? Config.TituloSecaoSaidasPrevistas : "Saídas Previstas" }}
            <span class="footer-contador">{{indexPrevisao}} • {{prevCount}}</span>
        </h2>
    </div>

    <div class="footer-content" ng-hide="modoDeEdicao">
        <div ng-show="exibeMsg" class="msg-custom footer-animation" ng-class="{'enter': runSlider}">
            <div class="foto">
                <img ng-show="currentFooter.ExibeImagem" ng-src="{{currentFooter.Imagem}}" alt="{{currentFooter.Mensagem}}">
            </div>
            <p class="txt">{{currentFooter.Mensagem}}</p>
        </div>

        <div ng-show="exibePrev" class="previsao-container footer-animation" ng-class="{'enter': runSlider}">
            <div ng-repeat="prev in currentFooter track by $index" class="previsao">
                <img class="veiculo" ng-src="{{GetImagemVeiculo(prev.TipoVeiculo)}}" alt="ícone veículo" ng-if="Config.ExibirIconeVeiculoSaidasPrevistas == 1 && prev.Icone">
                <span ng-style="StyleCorFonteSecundariaRodape" class="cod-id-veiculo" ng-show="Config.ExibirIdentificadorVeiculoSaidasPrevistas == 1">{{prev.IdentificadorVeiculo}}</span>
                <i class="icon-preferential" ng-show="i.CadeiranteVeiculo"></i>

                <p class="linha" ng-style="StyleTamanhoFonteLinhasPlataformas"><span>{{prev.IdentificadorLinha}}</span> - {{prev.DescricaoLinha}}</p>

                <span class="plataforma" ng-style="StyleTamanhoFonteLinhasPlataformas" ng-show="Config.ExibirPlataformaSaidasPrevistas == 1 && prev.Plataforma" style="background-color: {{ CarregarCorFundoPlataforma(itinerario.Plataforma) }}; color: {{ CarregarCorFontePlataforma(itinerario.Plataforma) }};">
                    {{prev.Plataforma}}
                </span>

                <span class="horario" ng-style="StyleFonteHorarios">{{prev.SaidaPrevista.Hora}}</span>
            </div>
        </div>
    </div>-->

    <div class="footer-modo-edicao" ng-show="modoDeEdicao">
        <button class="btn-blue-big bt-modo-edicao-cancelar" ng-click="sairModoEdicao(false)">Cancelar</button>
        <button class="btn-blue-big bt-modo-edicao-confirmar" ng-click="sairModoEdicao(true) ; toggleModal()">Confirmar</button>
    </div>

    <div class="creditos">
        <img ng-src="../Content/Images/PainelFinal/marca-inlog-branco.png" alt="Grupo Inlog">
    </div>
</footer>

