{% verbatim %}

<script data-b2c-partials-aereo-item-preco type="text/x-handlebars-template">
    <div style="display: flex;flex-direction: row;align-items: center;height: 97px;border-top: 1px solid #dadce0;padding: 15px;">
        {{#getStMostrarPreco}}
            <div class="preco-final" style="display: flex;flex-direction: column;text-align: left;">
                <span class="descricao" style="color: #888;">{{__ 'tudoIncluido' }}</span>
                <span class="preco" style="font-weight: bold;font-size: 22px;color: #444;">{{toMoeda vlPagamento currency}}</span>
                <span class="preco-final" style="color: #444;font-size: 14px;">
                    {{__ 'precoFinal' }}
                </span>
            </div>
        {{/getStMostrarPreco}}
        <div class="btn-content" style="margin-top: 0;">
            {{#if stDisponivel}}
                <button class="btn-padrao" onclick="{{ urlDetalheAereo }}">
                    {{__ 'selecionar' }}
                </button>
            {{/if }}
            {{#ifNot stDisponivel}}
                <button class="btn-padrao esgotado" onclick="return false;">
                    {{__ 'esgotado' }}
                </button>
            {{/ifNot }}
        </div>
    </div>
    <div class="bagagem" style="border-top: 1px solid #dadce0;padding: 10px;margin: 0;">
        {{#ifNull franquiaBagagem}}
            <span>
                <em class="icone">
                    <i class="fas fa-suitcase-rolling i"></i>
                </em>
            </span>
            <span>
                <em class="texto">
                    {{__ 'informacoesDeBagagemNaoInformada' }}
                </em>
            </span>
        {{/ifNull}}
        {{#ifNull franquiaBagagem.qtPeso}}
            {{#ifNotCond franquiaBagagem.qtBagagem 0}}
                <span>
                    <em class="icone">
                        <i class="fas fa-suitcase-rolling s"></i>
                    </em>
                </span>
                <span>
                    <em class="texto">
                        {{__ 'bagagemInclusa'}} <b>{{ franquiaBagagem.qtBagagem }}</b>
                    </em>
                </span>
            {{/ifNotCond}}
        {{/ifNull}}
        {{#ifCond 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}}
        {{#ifCond franquiaBagagem.qtBagagem 0}}
            <span>
                <em class="icone">
                    <i class="fas fa-suitcase-rolling n"></i>
                </em>
            </span>
            <span>
                <em class="texto">
                    {{__ 'bagagemNaoInclusa'}}
                </em>
            </span>
        {{/ifCond}}
        {{#ifNotCond franquiaBagagem.qtPeso 0}}
            {{#ifNotCond franquiaBagagem.qtBagagem 0}}
                <span>
                    <em class="icone">
                        <i class="fas fa-suitcase-rolling s"></i>
                    </em>
                </span>
                <span>
                    <em class="texto">
                        {{__ 'bagagemInclusa' }}
                        <b>
                            {{ franquiaBagagem.qtBagagem}}x {{franquiaBagagem.qtPeso }}Kg
                        </b>
                    </em>
                </span>
            {{/ifNotCond}}
        {{/ifNotCond}}
    </div>
</script>

<script data-b2c-partials-aereo-item-preco-mobile type="text/x-handlebars-template">
    {{#getStMostrarPreco}}
        <div class="titulo">
            <em>{{__ 'precoFinal'}}</em>
        </div>
        <div class="descricao">
            <em>{{__ 'tudoIncluido' }}</em>
        </div>
        <div class="preco-final">
            <em>
                <em class="label">{{__ 'total' }}</em>
                <span class="preco">{{toMoeda vlPagamento currency}}</span>
            </em>
        </div>
    {{/getStMostrarPreco}}
    <div class="btn-content">
        {{#if stDisponivel}}
            <button class="btn-padrao" onclick="{{ urlDetalheAereo }}">
            {{__ 'selecionar' }}
        </button>
        {{/if }}
        {{#ifNot stDisponivel}}
            <button class="btn-padrao esgotado" onclick="return false;">
                {{__ 'esgotado' }}
            </button>
        {{/ifNot }}
    </div>
    <div class="bagagem">
        {{#ifNull franquiaBagagem}}
            <span>
                <em class="icone">
                    <i class="fas fa-suitcase-rolling i"></i>
                </em>
            </span>
            <span>
                <em class="texto">
                    {{__ 'informacoesDeBagagemNaoInformada' }}
                </em>
            </span>
        {{/ifNull}}
        {{#ifNull franquiaBagagem.qtPeso}}
            {{#ifNotCond franquiaBagagem.qtBagagem 0}}
                <span>
                    <em class="icone">
                        <i class="fas fa-suitcase-rolling s"></i>
                    </em>
                </span>
                <span>
                    <em class="texto">
                        {{__ 'bagagemInclusa'}} <b>{{ franquiaBagagem.qtBagagem }}</b>
                    </em>
                </span>
            {{/ifNotCond}}
        {{/ifNull}}
        {{#ifCond 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}}
        {{#ifCond franquiaBagagem.qtBagagem 0}}
            <span>
                <em class="icone">
                    <i class="fas fa-suitcase-rolling n"></i>
                </em>
            </span>
            <span>
                <em class="texto">
                    {{__ 'bagagemNaoInclusa'}}
                </em>
            </span>
        {{/ifCond}}
        {{#ifNotCond franquiaBagagem.qtPeso 0}}
            {{#ifNotCond franquiaBagagem.qtBagagem 0}}
                <span>
                    <em class="icone">
                        <i class="fas fa-suitcase-rolling s"></i>
                    </em>
                </span>
                <span>
                    <em class="texto">
                        {{__ 'bagagemInclusa' }}
                        <b>
                            {{ franquiaBagagem.qtBagagem}}x {{franquiaBagagem.qtPeso }}Kg
                        </b>
                    </em>
                </span>
            {{/ifNotCond}}
        {{/ifNotCond}}
    </div>
</script>

<script data-b2c-component-aereo-item type="text/x-handlebars-template">

    <!-- INICIO AEREO ITEM -->
    <div class="aereo-item" data-b2c-aereo-item>
        <div class="conteudo">
            <!-- INICIO VOOS LIST -->
            <div class="voo-list">

                {{#each trecho}}
                    <!-- INICIO VOO SECTION -->
                    <div class="voo-section">
                        <!-- INICIO VOO HEADER -->
                        <div class="voo-header">
                            <div class="descricao">
                                <div class="tipo">

                                    {{#ifCond sqTrecho 1}}
                                        <i class="fas fa-plane-departure"></i>
                                        {{__ 'ida'}}
                                    {{/ifCond}}
                                    {{#ifCond sqTrecho 2}}
                                        <i class="fas fa-plane-arrival"></i>
                                        {{__ 'volta'}}
                                    {{/ifCond}}

                                    <span class="resumo" style="color: #888;">
                                        <em b2c-tooltip
                                            b2c-tooltip-title="{{ voo.0.segmento.0.aeroportoOrigem.nome }} ({{ voo.0.aeroportoOrigem.sgIata }})">({{ voo.0.aeroportoOrigem.sgIata }})</em>
                                         →
                                        <em b2c-tooltip
                                            b2c-tooltip-title="{{ voo.0.segmento.0.aeroportoDestino.nome }} ({{ voo.0.aeroportoDestino.sgIata }})">({{ voo.0.aeroportoDestino.sgIata }})</em>
                                    </span>
                                </div>
                                <div class="data">
                                {{formatDateWS voo.0.dtPartida "ddd DD MMM YYYY"}}
                                </div>
                            </div>
                            <div class="local">
                                <div class="aeroporto" b2c-tooltip
                                     b2c-tooltip-title="{{ voo.0.aeroportoOrigem.nome }} ({{ voo.0.aeroportoOrigem.sgIata }})">
                                    {{ voo.0.aeroportoOrigem.sgIata }}
                                </div>
                                <div class="cidade">
                                    {{ voo.0.aeroportoOrigem.nmMunicipio }}
                                </div>
                            </div>
                            <div class="flex-space"></div>
                            <div class="local">
                                <div class="aeroporto" b2c-tooltip
                                     b2c-tooltip-title="{{ voo.0.aeroportoDestino.nome }} ({{ voo.0.aeroportoDestino.sgIata }})">
                                    {{ voo.0.aeroportoDestino.sgIata }}
                                </div>
                                <div class="cidade">
                                    {{ voo.0.aeroportoDestino.nmMunicipio }}
                                </div>
                            </div>
                            <div class="detalhe-btn"></div>
                        </div>
                        <!-- FIM VOO HEADER -->

                        {{#each voo}}
                            <!-- INICIO VOO ITEM -->
                            <div class="voo-item">
                                <div class="voo-cia-logo">
                                    <div class="voo-check {{#ifCond @index 0}}active{{/ifCond}}" data-b2c-voo="{{base64_encode ../../uuid }}|+|{{base64_encode ../sqTrecho }}|+|{{base64_encode keyVooParametro }}">
                                        <i class="far fa-circle"></i>
                                    </div>
                                    <div class="voo-cia-img">
                                        <img src="{{ciaAereaImg ciaAerea.sgCiaAerea}}.png"
                                             alt="" height="25" width="25">
                                    </div>
                                    <div class="nm-cia">
                                        {{ ciaAerea.nmCiaAerea }}
                                    </div>
                                </div>
                                <div class="voo-hora">
                                    <span>
                                        {{formataWSDataHora dtPartida "HH:SS"}}
                                    </span>
                                </div>
                                <div class="voo-parada {{#ifCond qtParada 0}}direto{{/ifCond}}">
                                    <span>

                                        {{#ifCond qtParada 0}}
                                            {{__ 'direto'}}
                                        {{/ifCond}}
                                        {{#ifCond qtParada 1}}
                                            {{__ 'umaParada'}}
                                        {{/ifCond}}
                                        {{#ifCond qtParada 2}}
                                            {{__ 'duasParadas'}}
                                        {{/ifCond}}
                                        {{#ifMaior qtParada 2}}
                                            {{__ 'duasMaisParadas'}}
                                        {{/ifMaior}}

                                        <span class="paradas">
                                            {{#ifCond qtParada 1}}
                                                <span></span>
                                            {{/ifCond}}
                                            {{#ifCond qtParada 2}}
                                                <span></span>
                                                <span></span>
                                            {{/ifCond}}
                                            {{#ifMaior qtParada 2}}
                                                <span></span>
                                                <span></span>
                                                <span></span>
                                            {{/ifMaior}}
                                        </span>
                                    </span>
                                </div>
                                <div class="voo-hora">
                                    <span>
                                        {{formataWSDataHora dtChegada "HH:SS"}}
                                    </span>
                                </div>
                                <div class="detalhe-btn">
                                    <i class="fas fa-chevron-down"></i>
                                </div>
                            </div>
                            <!-- FIM VOO ITEM -->

                            <!-- FIM VOO ITEM DETALHE -->
                            <div class="voo-item-detalhe" style="display: none;">
                                {{#each segmento}}
                                    <div class="voo-item-detalhe-content">
                                        <div class="airline-info">

                                            <!-- INICIO AIRLINE INFO DESKTOP -->
                                            <div class="airline-info-container md">
                                                <div class="airline-logo">
                                                    <img src="{{ciaAereaImg ciaAerea.sgCiaAerea}}.png"
                                                         alt="{{ciaAerea.nmCiaAerea}}" height="25" width="25">
                                                </div>
                                                <div class="airline-info-conteudo">
                                                    <div class="airline-nome">
                                                        <em class="nome">
                                                            {{ ciaAerea.nmCiaAerea }}
                                                        </em>
                                                        <em class="resumo">
                                                            {{aeroportoOrigem.nmMunicipio}} ({{aeroportoOrigem.sgIata}})
                                                            →
                                                            {{aeroportoDestino.nmMunicipio}} ({{aeroportoDestino.sgIata}})
                                                        </em>
                                                    </div>
                                                    <div class="airline-data">
                                                        <em>{{__ 'vooNr'}}:
                                                            <b>{{nrVoo}}</b>
                                                        </em>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- FIM AIRLINE INFO DESKTOP -->

                                            <!-- INICIO AIRLINE INFO MOBILE -->
                                            <div class="airline-info-container xs">
                                                <div class="airline-info-conteudo">
                                                    <div class="airline-logo">
                                                        <img src="{{ciaAereaImg ciaAerea.sgCiaAerea}}.png"
                                                             alt="{{ciaAerea.nmCiaAerea}}" height="25" width="25">
                                                    </div>
                                                    <div class="airline-resumo">
                                                        <div class="airline-nome">
                                                            <em class="nome">
                                                                {{ ciaAerea.nmCiaAerea }}
                                                            </em>
                                                            <div class="airline-data">
                                                                <em>Voo
                                                                    <b>{{nrVoo}}</b>
                                                                </em>
                                                            </div>
                                                        </div>
                                                        <em class="resumo">
                                                            {{aeroportoOrigem.nmMunicipio}} ({{aeroportoOrigem.sgIata}})
                                                            →
                                                            {{aeroportoDestino.nmMunicipio}} ({{aeroportoDestino.sgIata}})
                                                        </em>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- FIM AIRLINE INFO MOBILE -->

                                        </div>
                                        <div class="segmento-info">
                                            <div class="segmento-info-conteudo">
                                                <div class="segmento-voo">
                                                    <p class="data">{{formatDateWS dtPartida "ddd DD MMM YYYY"}}</p>
                                                    <p class="horario">{{formataWSDataHora dtPartida "HH:SS"}}</p>
                                                    <p class="sg-iata">{{aeroportoOrigem.sgIata}}</p>
                                                    <p class="cidade">{{aeroportoOrigem.nmMunicipio}}</p>
                                                    <p class="aeroporto-nome">{{captalize aeroportoOrigem.nome}}</p>
                                                </div>
                                                <div class="segmento-duracao">
                                                    <span class="duracao-info">
                                                        <em class="duracao-texto">{{__ 'duracao'}}</em>
                                                        <em class="duracao-tempo">{{diferencaEmHoras dtPartida dtChegada}}</em>
                                                    </span>
                                                    <span class="segmento-classe">
                                                        <em class="segmento-texto">
                                                            <em>{{__ 'classe'}}:</em>
                                                            <b>{{../vooTarifa.vooClasse}}</b>
                                                        </em>
                                                    </span>
                                                </div>
                                                <div class="segmento-voo">
                                                    <p class="data">{{formatDateWS dtChegada "ddd DD MMM YYYY"}}</p>
                                                    <p class="horario">{{formataWSDataHora dtChegada "HH:SS"}}</p>
                                                    <p class="sg-iata">{{aeroportoDestino.sgIata}}</p>
                                                    <p class="cidade">{{aeroportoDestino.nmMunicipio}}</p>
                                                    <p class="aeroporto-nome">{{captalize aeroportoDestino.nome}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{#ifMaior ../segmento.length 1}}
                                        {{#ifNot @last}}
                                            <div class="segmento-detalhe">
                                                {{__ 'esperaDe'}}
                                                {{#nextItem ../segmento @index}}
                                                    {{diferencaEmHoras ../dtChegada dtPartida}}
                                                {{/nextItem}} {{__ 'em'}}: <b>{{captalize aeroportoDestino.nome}}</b>
                                            </div>
                                        {{/ifNot}}
                                    {{/ifMaior}}
                                {{/each}}

                                <div class="segmento-detalhe">
                                    <em>
                                        {{__ 'duracaoTotal'}}
                                        <b>{{diferencaEmHoras dtPartida dtChegada}}</b>
                                    </em>
                                </div>

                                <em class="horario-local">
                                    {{__ 'horariosEmHorarioLocalDeCadaCidade'}}
                                </em>

                            </div>
                            <!-- FIM VOO ITEM DETALHE -->
                        {{/each}}
                    </div>
                    <!-- FIM VOO SECTION -->
                {{/each}}

            </div>
            <!-- FIM VOOS LIST -->

            <!-- INICIO VOO PRECO -->
            <div class="voo-preco-box hidden-md hidden-lg hidden-sm" style="padding: 0;" data-b2c-aereo-item-preco>
                {{> aereoPreco valores }}
            </div>
            <div class="voo-preco-box hidden-xs" data-b2c-aereo-item-preco-mobile>
                {{> aereoPrecoMobile valores }}
            </div>
            <!-- FIM VOO PRECO -->
        </div>
    </div>
    <!-- FIM AEREO ITEM -->

</script>

{% endverbatim %}
