{% verbatim %}

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

{% endverbatim %}