{% verbatim %}

    <script data-b2c-component-rodo-sidebar type="text/x-handlebars-template">
        {{#if rodoTrecho }}
            <div class="subtitulo" style="border-top: 1px solid rgba(76,76,76,.3);">
                <div class="alterar">
                    <h3 class="sidebar-titulo">{{__ 'detalheDoRodoviario'}}</h3>
                </div>
            </div>
            <div class="aereo-detalhe">
                {{#each rodoTrecho }}
                <div class="sidebar-aereo-box">
                    <div class="voo-header">
                        <p>
                            {{#ifCond @index 0}}
                                {{__ 'ida'}}
                            {{/ifCond}}
                            {{#ifCond @index 1}}
                                {{__ 'volta'}}
                            {{/ifCond}}
                        </p>
                    </div>
                    <div class="voo-descricao">
                        <div class="aeroporto partida">
                            <p>
                                <b>
                                    {{formatDateWS rodo.0.dtPartida "ddd DD MMM YYYY"}}
                                    <br>
                                    <em>{{formataWSDataHora rodo.0.dtPartida "HH:SS"}}</em>
                                </b>
                            </p>
                            <p class="aeroporto" style="font-size: 1rem;">{{rodo.0.rodoOrigem.nmRodoviaria}}</p>
                        </div>
                        <div class="aeroporto chegada">
                            <p>
                                <b>
                                    {{formatDateWS rodo.0.dtChegada "ddd DD MMM YYYY"}}
                                    <br>
                                    <em>{{formataWSDataHora rodo.0.dtChegada "HH:SS"}}</em>
                                </b>
                            </p>
                            <p class="aeroporto" style="font-size: 1rem;">{{rodo.0.rodoDestino.nmRodoviaria}}</p>
                        </div>
                        <span class="voo-arrow">
                            <i class="fas fa-bus"></i>
                        </span>
                    </div>
                    <div class="voo-footer">
                        <p>
                            <b>{{__ 'embarque'}} </b> {{ rodo.0.dsEmbarque }}
                        </p>
                    </div>
                </div>
                {{/each }}
                <p class="horario">
                    {{__ 'horariosEmHorarioLocalDeCadaCidade'}}
                </p>
            </div>
        {{/if}}
    </script>

{% endverbatim %}

