{% verbatim %}

<script data-b2c-component-checkout-termos type="text/x-handlebars-template">

<div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="checkboxTermosCompra" style="min-width: 15px;" data-b2c-termos>
    <label class="form-check-label" for="checkboxTermosCompra">
        {{#isEmpty dsUrlArquivoContrato}}
            {{__ 'euLiEConcordoComOs'}} <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modaCondicoesDeCompra">{{__ 'termosECondicoesDeCompra'}}</a>
        {{/isEmpty}}
        {{#notNull dsUrlArquivoContrato}}
            {{__ 'euLiEConcordoComOs'}} <a href="{{ dsUrlArquivoContrato }}" onclick="window.open($(this).attr('href'));return false;" class="single-modal-btn" data-toggle="modal" data-target=".modaCondicoesDeCompra">{{__ 'termosECondicoesDeCompra'}}</a>
        {{/notNull}}

        {{#isNotEmpty politicas.politicaCondicoesGeraisList }}
            {{#isNotEmpty politicas.politicaCancelamentoList }}
                , <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modalCondicoesGerais">{{__ 'condicoesGerais'}}</a>
            {{/isNotEmpty }}
            {{#isEmpty politicas.politicaCancelamentoList }}
                {{__ 'e'}} <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modalCondicoesGerais">{{__ 'condicoesGerais'}}</a>
            {{/isEmpty }}
        {{/isNotEmpty }}

        {{#isNotEmpty politicas.politicaCancelamentoList }}
            {{__ 'e'}} <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modalCancelamento">{{__ 'politicaDeCancelamento'}}</a>
        {{/isNotEmpty }}.
    </label>
</div>

{{#isShowTermsAndPolicies dsTermosDeUso dsPoliticaPrivacidade }}
    <div class="form-check" style="padding-top: 0;">
        <input class="form-check-input" type="checkbox" value="" id="checkboxTermosUso" style="min-width: 15px;" data-b2c-termos-uso>
        <label class="form-check-label" for="checkboxTermosUso">
            {{#isNotEmpty dsTermosDeUso}}
                {{__ 'euLiEConcordoComOs'}} <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modaCondicoesDeUso">{{__ 'termosECondicoesDeUso'}}</a>
            {{/isNotEmpty}}

            {{#isNotEmpty dsTermosDeUso}}
                {{#isNotEmpty dsPoliticaPrivacidade}}
                    {{__ 'eComAs'}}
                {{/isNotEmpty}}
            {{/isNotEmpty}}

            {{#isNotEmpty dsPoliticaPrivacidade }}
                {{#isNotEmpty dsTermosDeUso }}
                    <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modaPoliticaPrivacidade">{{__ 'politicasDePrivacidade'}}</a>
                {{/isNotEmpty}}
                {{#isEmpty dsTermosDeUso }}
                    {{__ 'euLiEConcordoComAs'}} <a href="#" class="single-modal-btn" data-toggle="modal" data-target=".modaPoliticaPrivacidade">{{__ 'politicasDePrivacidade'}}</a>
                {{/isEmpty}}
            {{/isNotEmpty }}.
        </label>
    </div>
{{/isShowTermsAndPolicies}}

<div class="modal modaCondicoesDeCompra fade-scale" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__ 'termosECondicoesDoContrato'}}</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 class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__ 'fechar'}}</button>
            </div>
        </div>
    </div>
</div>

{{#isNotEmpty dsTermosDeUso }}
<div class="modal modaCondicoesDeUso fade-scale" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__ 'termosECondicoesDeUso'}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{{ dsTermosDeUso }}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__ 'fechar'}}</button>
            </div>
        </div>
    </div>
</div>
{{/isNotEmpty }}

{{#isNotEmpty dsPoliticaPrivacidade }}
<div class="modal modaPoliticaPrivacidade fade-scale" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__ 'politicasDePrivacidade'}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{{ dsPoliticaPrivacidade }}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__ 'fechar'}}</button>
            </div>
        </div>
    </div>
</div>
{{/isNotEmpty }}

{{#isNotEmpty politicas.politicaCondicoesGeraisList }}
    <div class="modal modalCondicoesGerais fade-scale" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__ 'condicoesGerais'}}</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 class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__ 'fechar'}}</button>
                </div>
            </div>
        </div>
    </div>
{{/isNotEmpty }}

{{#isNotEmpty politicas.politicaCancelamentoList }}
    <div class="modal modalCancelamento fade-scale" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__ 'politicasDeCancelamento'}}</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 class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__ 'fechar'}}</button>
                </div>
            </div>
        </div>
    </div>
{{/isNotEmpty }}

</script>

{% endverbatim %}