{% verbatim %}

    <script data-b2c-component-aereo-sidebar type="text/x-handlebars-template">
        {{#if trecho }}
            <div class="subtitulo" style="border-top: 1px solid rgba(76,76,76,.3);">
                <div class="alterar">
                    <h3 class="sidebar-titulo">{{__ 'detalheDoVoo'}}</h3>
                    {{#ifCond stPacote true}}
                        <span>
                            <a onclick="BF.goTo('#aereo');return false;"
                               href="javascript:void(0)">{{__ 'alterar'}}</a>
                        </span>
                    {{/ifCond}}
                </div>
            </div>
            <div class="aereo-detalhe">
                {{#each trecho }}
                <div class="sidebar-aereo-box">
                    <div class="voo-header">
                        <img alt="LATAM"
                             src="{{ciaAereaImg voo.0.ciaAerea.sgCiaAerea}}.png">
                        <p>{{voo.0.ciaAerea.nmCiaAerea}} | {{voo.0.nrVoo}} | {{__ voo.0.vooTarifa.vooClasse}}</p>
                    </div>
                    <div class="voo-descricao">
                        <div class="aeroporto partida">
                            <p>
                                <b>
                                    {{formatDateWS voo.0.dtPartida "ddd DD MMM YYYY"}}
                                    <br>
                                    <em>{{formataWSDataHora voo.0.dtPartida "HH:SS"}}</em>
                                </b>
                            </p>
                            <p class="aeroporto">{{voo.0.aeroportoOrigem.sgIata}}</p>
                            <p>
                                <b>{{voo.0.aeroportoOrigem.nome}}</b>
                            </p>
                        </div>
                        <div class="aeroporto chegada">
                            <p>
                                <b>
                                    {{formatDateWS voo.0.dtChegada "ddd DD MMM YYYY"}}
                                    <br>
                                    <em>{{formataWSDataHora voo.0.dtChegada "HH:SS"}}</em>
                                </b>
                            </p>
                            <p class="aeroporto">{{voo.0.aeroportoDestino.sgIata}}</p>
                            <p>
                                <b>{{voo.0.aeroportoDestino.nome}}</b>
                            </p>
                        </div>
                        <span class="voo-arrow">
                            <i class="fas fa-plane-departure"></i>
                        </span>
                    </div>
                    <div class="voo-footer">
                        <p>
                            {{#ifNull voo.0.vooTarifa.franquiaBagagem}}
                                <span>
                                    <em class="icone">
                                        <i class="fas fa-suitcase-rolling i"></i>
                                    </em>
                                </span>
                                <span>
                                    <em class="texto">
                                        {{__ 'informacoesDeBagagemNaoInformada' }}
                                    </em>
                                </span>
                            {{/ifNull}}
                            {{#ifNull voo.0.vooTarifa.franquiaBagagem.qtPeso}}
                                <span>
                                    <em class="icone">
                                        <i class="fas fa-suitcase-rolling s"></i>
                                    </em>
                                </span>
                                <span>
                                    <em class="texto">
                                        {{__ 'bagagemInclusa'}}<b>{{ voo.0.vooTarifa.franquiaBagagem.qtBagagem }}</b>
                                    </em>
                                </span>
                            {{/ifNull}}
                            {{#ifCond voo.0.vooTarifa.franquiaBagagem.qtPeso 0}}
                            <span>
                                    <em class="icone">
                                        <i class="fas fa-suitcase-rolling n"></i>
                                    </em>
                                </span>
                                <span>
                                    <em class="texto">
                                        {{__ 'bagagemNaoInclusa'}}
                                    </em>
                                </span>
                            {{/ifCond}}
                            {{#ifNotCond voo.0.vooTarifa.franquiaBagagem.qtPeso 0}}
                                <span>
                                    <em class="icone">
                                        <i class="fas fa-suitcase-rolling s"></i>
                                    </em>
                                </span>
                                <span>
                                    <em class="texto">
                                        {{__ 'bagagemInclusa' }}
                                        <b>
                                            {{ voo.0.vooTarifa.franquiaBagagem.qtBagagem}}x {{voo.0.vooTarifa.franquiaBagagem.qtPeso }}Kg
                                        </b>
                                    </em>
                                </span>
                            {{/ifNotCond}}
                        </p>
                    </div>
                </div>
                {{/each }}
                <p class="horario">
                    {{__ 'horariosEmHorarioLocalDeCadaCidade'}}
                </p>
            </div>
        {{/if}}
    </script>

{% endverbatim %}