{% verbatim %}

<script data-b2c-component-checkout-termos type="text/x-handlebars-template">
<div class="info-danger">
    *Antes de finalizar a compra verifique os dados inseridos.
</div>
<div class="custom-control custom-checkbox termos">
    <input type="checkbox" class="custom-control-input" id="customCheck1" data-b2c-termos>
    <label class="custom-control-label" for="customCheck1">
        Eu li e concordo com os <a href="#" data-toggle="modal" data-target="#modaCondicoesDeCompra"
                                   class="single-modal-btn">Termos e condições de compra</a>
        {{#isNotEmpty politicas.politicaCondicoesGeraisList }}
            {{#isNotEmpty politicas.politicaCancelamentoList }}
                e com as <a href="#" data-toggle="modal" data-target="#modalCondicoesGerais"
                            class="single-modal-btn">Condições Gerais</a>
            {{/isNotEmpty }}
            {{#isEmpty politicas.politicaCancelamentoList }}
                , e com as <a href="#" data-toggle="modal" data-target="#modalCondicoesGerais"
                              class="single-modal-btn">Condições Gerais</a>
            {{/isEmpty }}
        {{/isNotEmpty }}
        {{#isNotEmpty politicas.politicaCancelamentoList }}
        , e com as <a href="#" class="single-modal-btn" data-toggle="modal" data-target="#modalCancelamento">Politíca
        de cancelamento</a>
        {{/isNotEmpty }}
         , e com os <a href="{{ getTemplatePath }}/assets/documents/LITORAL_POLITICA_DE_PRIVACIDADE.pdf"  onclick="window.open($(this).attr('href'));return false;">Termos de Uso e Política de Privacidade</a>.
    </label>
</div>

<div class="modal fade" id="modaCondicoesDeCompra" tabindex="-1" role="dialog"
     aria-labelledby="modaCondicoesDeCompra" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Termos e condições do contrato</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{{ dsContrato }}}
            </div>

        </div>
    </div>
</div>

{{#isNotEmpty politicas.politicaCondicoesGeraisList }}
    <div class="modal fade" id="modalCondicoesGerais" tabindex="-1" role="dialog"
         aria-labelledby="modalCondicoesGerais" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Condições gerais</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{#each politicas.politicaCondicoesGeraisList}}
                         {{ dsPolitica }}<br/><br/>
                    {{/each }}
                </div>

            </div>
        </div>
    </div>
{{/isNotEmpty }}


{{#isNotEmpty politicas.politicaCancelamentoList }}
        <div class="modal fade" id="modalCancelamento" tabindex="-1" role="dialog"
             aria-labelledby="modalCancelamento" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Politicas de cancelamento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        {{#each politicas.politicaCancelamentoList}}
                            {{ dsPolitica }}<br/><br/>
                        {{/each }}
                    </div>

                </div>
            </div>
        </div>

{{/isNotEmpty }}
</script>

{% endverbatim %}