{% verbatim %}

    <script data-b2c-component-servico-sidebar type="text/x-handlebars-template">

        <div class="servico-detalhe">
            <div class="subtitulo">
                <div class="alterar">
                    <h3 class="sidebar-titulo">{{__ 'servicoAdicional'}}</h3>
                </div>
            </div>

            <div class="servico-list-sidebar">
                {{#ifCond servicoList null}}
                    <p>{{__ 'nenhumServicoSelecionado'}}</p>
                {{/ifCond}}
                {{#ifNotCond servicoList null}}
                    {{#each servicoList }}
                        <div class="servico" data-b2c-servico-item-sidebar="{{base64_encode (concat servicoTipo "||#||" servico.keyServicoParametro)}}">
                            <span>
                                {{#ifCond servico.stUnico true}}
                                    {{servico.qtServico}}x -
                                {{/ifCond}}

                                {{servico.nmServico}} - {{formatDateWS servico.dtServico "DD/MM/YYYY"}}
                                {{#if servico.servicoPac }}
                                {{#ifMaior servico.servicoPac.length 1}}
                                     | {{formatDateWS servico.servicoPac.1.dtServico "DD/MM/YYYY"}}:
                                {{/ifMaior}}
                                {{/if}}
                             </span>
                            <span class="btn-remover" data-b2c-servico-btn-remove-sidebar>
                                <a href="javascript:void(0)">
                                    <i class="fas fa-trash-alt" data-toggle="tooltip" data-placement="bottom" title="Remover"></i>
                                </a>
                            </span>
                            <!--<div class="descricao">-->
                                <!--<p>{{servico.dsServico}}</p>-->
                            <!--</div>-->
                            {{#ifCond servico.stUnico true}}
<!--                                <div class="increment">-->
<!--                                    <div class="input-group" data-b2c-step-group="">-->
<!--                                        <span class="input-group-btn">-->
<!--                                            <button type="button"-->
<!--                                                    class="btn"-->
<!--                                                    data-b2c-step="decrement">-->
<!--                                                <i class="fas fa-minus"></i>-->
<!--                                            </button>-->
<!--                                        </span>-->
<!--                                        <input type="text" class="form-control input-number border"-->
<!--                                               readonly="readonly" value="{{servico.qtServico}}" data-b2c-step-idx="{{base64_encode (concat servicoTipo "||#||" servico.keyServicoParametro)}}" data-b2c-step="input" data-b2c-step-min="1" data-b2c-step-max="20">-->
<!--                                        <span class="input-group-btn">-->
<!--                                            <button type="button"-->
<!--                                                    class="btn"-->
<!--                                                    data-b2c-step="increment">-->
<!--                                                <i class="fas fa-plus"></i>-->
<!--                                            </button>-->
<!--                                        </span>-->
<!--                                    </div>-->
<!--                                </div>-->
                            {{/ifCond}}
                        </div>
                    {{/each}}
                {{/ifNotCond}}
            </div>
        </div>

    </script>

{% endverbatim %}
