{% verbatim %}

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

    <h1>{{__ 'formasDePagamento'}}</h1>
    <div id="accordion" class="meios-pagamento">

        {{#each pagtoMeio }}


            {{#ifCond tipo "CARTAO_DE_CREDITO" }}

                {{#ifNotCond pagtoMeioCartao.0.integrador "ADYEN" }}
                    {{#ifNotCond pagtoMeioCartao.0.integrador "PAYPAL" }}
                        <!--Cartão crédito-->

                        <div class="card" data-b2c-pagto="cartaoDeCredito" data-b2c-tp-cartao="#0C">
                            <div class="card-header" id="headingOne" data-b2c-tp-pagto="{{ tipo }}">
                                <h5 class="mb-0">
                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                            aria-expanded="true" aria-controls="collapseOne">
                                        <span class="check"></span>
                                        {{__ 'cartaoDeCredito'}}
                                          {{#ifMaior pagtoMeioCartao.0.pagtoMeioParcela.length 1 }}
                                                <span>{{__ 'emAte'}} {{pagtoMeioCartao.0.pagtoMeioParcela.length}}x</span>
                                          {{/ifMaior }}
                                    </button>
                                    <div class="cartoes">
                                        {{#each (getCartoes this)}}
                                            <img title="{{name}}"
                                                 src="{{img}}"
                                                 src="{{img}}"
                                                 alt=""/>
                                         {{/each}}
                                    </div>
                                </h5>
                            </div>

                            <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                 data-parent="#accordion">
                                <div class="card-body">
                                    <form action="" class="form-pagto">
                                        {{#stPagtoDoisCard}}
                                            <ul class="nav nav-tabs nav-justified tabs-custom">
                                                <li class="current" data-b2c-change="#0C">
                                                    <a href="#pag-1">
                                                        <i class="fas fa-credit-card"></i>
                                                        {{__ 'pagarComUmCartao'}}
                                                    </a>
                                                </li>
                                                <li class="" data-b2c-change="#2C">
                                                    <a href="#pag-2">
                                                        <i class="far fa-credit-card"
                                                           style="transform: rotate(47deg);position: relative;left: 17px;top: -3px;"></i>
                                                        <i class="fas fa-credit-card"
                                                           style="position: relative;color: black;background: #fff;bottom: -3px;"></i>
                                                        {{__ 'pagarComDoisCartoes'}}
                                                    </a>
                                                </li>
                                            </ul>
                                        {{/stPagtoDoisCard}}
                                        <div class="row pag-um-cart">
                                            <div class="col-md-12" >
                                                <div class="row" id="0C" data-b2c-card="#0C" data-b2c-card-enable class="pagCard">
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'numeroDoCartao'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                            <span class="imgCard" data-b2c-cartao-bandeira></span>
                                                        </label>
                                                        <input class="icon" name="nrCartao" placeholder="xxxx-xxxx-xxxxx-xxxxx" value="" data-b2c-pagto-tipo="#0C" data-b2c-input="nrCartao" data-b2c-cards="{{json_encode (getCartoes this)}}" data-b2c-cart>
                                                    </div>
                                                    {{#ifMaior pagtoMeioCartao.0.pagtoMeioParcela.length 1 }}
                                                        <div class="col-md-6">
                                                            <label for="">
                                                                {{__ 'parcelas'}}
                                                                <span>*</span>
                                                            </label>
                                                            <select data-b2c-input="parcelas" data-tp="#0C">
                                                                <option disabled="disabled" selected="selected">{{__ 'digiteONumeroDoCartao'}}</option>
                                                            </select>
                                                        </div>
                                                    {{/ifMaior }}
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'titular'}}
                                                            <span>*</span>
                                                            <i class="far fa-user"></i>
                                                        </label>
                                                        <input class="icon" placeholder="" data-b2c-input="titular">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label for="">
                                                            {{__ 'validade'}}
                                                            <span>*</span>
                                                            <i class="far fa-calendar"></i>
                                                        </label>
                                                        <input class="icon" name="mesAnoValidade" placeholder="MM/YYYY" value="" data-b2c-input="validade">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label for="">
                                                            {{__ 'cvv'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                        </label>
                                                        <input class="icon" name="cdSeguranca" placeholder="" value="" data-b2c-input="CVV">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {{#stPagtoDoisCard}}
                                            <div class="row pag-dois-cart" style="display:none">
                                            <div class="col-md-6" id="1C" data-b2c-card="#1C">
                                                <h3 class="titulo-cartao">{{__ 'primeiroCartao'}}</h3>
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <label for="">
                                                            {{__ 'numeroDoCartao'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                            <span class="imgCard" data-b2c-cartao-bandeira></span>
                                                        </label>
                                                        <input class="icon" name="nrCartao" placeholder="xxxx-xxxx-xxxxx-xxxxx" value="" data-b2c-pagto-tipo="#1C" data-b2c-input="nrCartao" data-b2c-cards="{{json_encode (getCartoes this)}}" data-b2c-cart>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label for="">
                                                            {{__ 'valor'}}
                                                            <span>*</span>
                                                        </label>
                                                        <input name="valor" data-tp="#1C" class="vl1C" placeholder="" value="" maxlength="22" data-b2c-input="vlPagto">
                                                    </div>
                                                    {{#ifMaior pagtoMeioCartao.0.pagtoMeioParcela.length 1 }}
                                                        <div class="col-md-12">
                                                            <label for="">
                                                                {{__ 'parcelas'}}
                                                                <span>*</span>
                                                            </label>
                                                            <select name="parcelas" data-b2c-input="parcelas" data-tp="#1C">
                                                                    <option disabled="disabled" selected="selected">{{__ 'digiteONumeroDoCartao'}}</option>
                                                                </select>
                                                        </div>
                                                    {{/ifMaior }}
                                                    <div class="col-md-12">
                                                        <label for="">
                                                            {{__ 'titular'}}
                                                            <span>*</span>
                                                            <i class="far fa-user"></i>
                                                        </label>
                                                        <input class="icon" placeholder="" value="" data-b2c-input="titular">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'validade'}}
                                                            <span>*</span>
                                                            <i class="far fa-calendar"></i>
                                                        </label>
                                                        <input class="icon" name="mesAnoValidade" placeholder="MM/YYYY" value="" data-b2c-input="validade">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'cvv'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                        </label>
                                                        <input class="icon" name="cdSeguranca" placeholder="" value="" data-b2c-input="CVV">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6" id="2C" data-b2c-card="#2C">
                                                <h3 class="titulo-cartao">{{__ 'segundoCartao'}}</h3>
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <label for="">
                                                            {{__ 'numeroDoCartao'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                            <span class="imgCard" data-b2c-cartao-bandeira></span>
                                                        </label>
                                                        <input class="icon" name="nrCartao" placeholder="xxxx xxxx xxxxx xxxxx" value="" data-b2c-pagto-tipo="#2C" data-b2c-input="nrCartao" data-b2c-cards="{{json_encode (getCartoes this)}}" data-b2c-cart>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label for="">
                                                            {{__ 'valor'}}
                                                            <span>*</span>
                                                        </label>
                                                        <input name="valor" data-tp="#2C" class="vl2C" placeholder="" value="" maxlength="22" data-b2c-input="vlPagto">
                                                    </div>
                                                    {{#ifMaior pagtoMeioCartao.0.pagtoMeioParcela.length 1 }}
                                                        <div class="col-md-12">
                                                            <label for="">
                                                                {{__ 'parcelas'}}
                                                                <span>*</span>
                                                            </label>
                                                            <select name="parcelas" data-b2c-input="parcelas" data-tp="#2C">
                                                                <option disabled="disabled">{{__ 'digiteONumeroDoCartao'}}</option>
                                                            </select>
                                                        </div>
                                                    {{/ifMaior }}
                                                    <div class="col-md-12">
                                                        <label for="">
                                                            {{__ 'titular'}}
                                                            <span>*</span>
                                                            <i class="far fa-user"></i>
                                                        </label>
                                                        <input class="icon" placeholder="" value="" data-b2c-input="titular">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'validade'}}
                                                            <span>*</span>
                                                            <i class="far fa-calendar"></i>
                                                        </label>
                                                        <input class="icon" name="mesAnoValidade" placeholder="MM/YYYY" value="" data-b2c-input="validade">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="">
                                                            {{__ 'cvv'}}
                                                            <span>*</span>
                                                            <i class="far fa-credit-card"></i>
                                                        </label>
                                                        <input class="icon" name="cdSeguranca" placeholder="" value="" data-b2c-input="CVV">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {{/stPagtoDoisCard}}
                                    </form>
                                </div>
                            </div>
                        </div>
                    {{/ifNotCond}}
                {{/ifNotCond}}

                {{#ifCond pagtoMeioCartao.0.integrador "PAYPAL" }}
                    <div class="card" data-b2c-pagto="cartaoDeCredito" data-b2c-tp-cartao="#PP">
                        <div class="card-header" id="headingOne" data-b2c-tp-pagto="PAYPAL">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">
                                    <span class="check"></span>
                                    {{__ 'cartaoDeCredito'}}
                                </button>
                            </h5>
                        </div>
                    </div>
                {{/ifCond}}

                {{#ifCond pagtoMeioCartao.0.integrador "ADYEN" }}
                    <div class="card" data-b2c-pagto="cartaoDeCredito" data-b2c-tp-cartao="#ADY">
                        <div class="card-header" id="headingOne" data-b2c-tp-pagto="ADYEN">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">
                                    <span class="check"></span>
                                    {{__ 'cartaoDeCredito'}} adyen
                                </button>
                            </h5>
                        </div>
                    </div>
                {{/ifCond}}

            {{/ifCond}}


            {{#ifCond tipo "PAGAMENTO_NO_HOTEL" }}
                <!--No Hotel-->

                <div class="card" data-b2c-pagto="pagtoNoHotel" data-b2c-tp-cartao="#HC">
                    <div class="card-header" id="headingTwo" data-b2c-tp-pagto="{{ tipo }}">
                        <h5 class="mb-0">
                            <button id="btnhp{{ tipo }}" class="btn btn-link collapsed" data-toggle="collapse"
                                    data-target="#collapseTwo" aria-expanded="false"
                                    aria-controls="collapseTwo">
                                <span class="check"></span>
                                {{__ 'pagamentoDiretoAoHotel'}}
                                <span>{{__ 'entradaDe' (toMoeda pagtoMeioCartao.0.pagtoMeioParcela.0.pagtoValor.vlPagto pagtoMeioCartao.0.pagtoMeioParcela.0.pagtoValor.sgMoeda optionalSgMoeda=pagtoMeioHotel.pagtoValor.sgMoeda)}} </span>
                            </button>
                            <div class="cartoes">
                                {{#each (getCartoes this)}}
                                    <img title="{{name}}"
                                         src="{{img}}"
                                         alt=""/>
                                 {{/each}}
                            </div>
                        </h5>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                         data-parent="#accordion">
                        <div class="card-body">
                            <form action="" class="form-pagto">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="pagto-number" style="border-top: none;">
                                            <span class="pagto-number-circle">1</span>
                                            <span class="pagto-number-label">
                                                {{__ 'entradaDe' (toMoeda pagtoMeioCartao.0.pagtoMeioParcela.0.pagtoValor.vlPagto pagtoMeioCartao.0.pagtoMeioParcela.0.pagtoValor.sgMoeda optionalSgMoeda=pagtoMeioHotel.pagtoValor.sgMoeda)}}
                                            </span>
                                        </span>
                                    </div>
                                </div>

                                {{#ifNotCond pagtoMeioCartao.0.integrador "ADYEN" }}
                                <div class="row" id="HC" data-b2c-card="#HC" data-b2c-card-enable >
                                    <div class="col-md-6">
                                        <label for="">
                                            {{__ 'numeroDoCartao'}}
                                            <span>*</span>
                                            <i class="far fa-credit-card"></i>
                                            <span class="imgCard" data-b2c-cartao-bandeira></span>
                                        </label>
                                        <input class="icon" name="nrCartao" placeholder="xxxx xxxx xxxxx xxxxx" value="" data-b2c-pagto-tipo="#HC" data-b2c-input="nrCartao" data-b2c-cards="{{json_encode (getCartoes this)}}" data-b2c-cart>
                                    </div>
                                    {{#ifMaior pagtoMeioCartao.0.pagtoMeioParcela.length 1 }}
                                        <div class="col-md-6">
                                            <label for="">
                                                {{__ 'parcelas'}}
                                                <span>*</span>
                                            </label>
                                            <select name="parcelas" data-b2c-input="parcelas" data-tp="#HC" >
                                                <option disabled="disabled">{{__ 'digiteONumeroDoCartao'}}</option>
                                            </select>
                                        </div>
                                    {{/ifMaior }}
                                    <div class="col-md-6">
                                        <label for="">
                                            {{__ 'titular'}}
                                            <span>*</span>
                                            <i class="far fa-user"></i>
                                        </label>
                                        <input class="icon" placeholder="" value="" data-b2c-input="titular">
                                    </div>
                                    <div class="col-md-3">
                                        <label for="">
                                            {{__ 'validade'}}
                                            <span>*</span>
                                            <i class="far fa-calendar"></i>
                                        </label>
                                        <input class="icon" name="mesAnoValidade" placeholder="MM/YYYY" value="" data-b2c-input="validade">
                                    </div>
                                    <div class="col-md-3">
                                        <label for="">
                                            {{__ 'cvv'}}
                                            <span>*</span>
                                            <i class="far fa-credit-card"></i>
                                        </label>
                                        <input class="icon" name="cdSeguranca" placeholder="" value="" data-b2c-input="CVV">
                                    </div>
                                </div>
                                {{/ifNotCond}}

                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="pagto-number">
                                            <span class="pagto-number-circle">2</span>
                                            <span class="pagto-number-label">
                                                {{__ 'vocePagara'}}
                                                <b>{{toMoeda pagtoMeioHotel.pagtoValor.vlPagto pagtoMeioHotel.pagtoValor.sgMoeda }}</b>
                                                {{__ 'diretamenteAoHotel'}}
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            {{/ifCond}}

            {{#ifCond tipo "CARTAO_DE_DEBITO" }}
                <!--Débito-->

                <div class="card" data-b2c-pagto="cartaoDeDebito" data-b2c-tp-cartao="#DC">
                    <div class="card-header" id="headingThree" data-b2c-tp-pagto="{{ tipo }}">
                        <h5 class="mb-0">
                            <button class="btn btn-link collapsed" data-toggle="collapse"
                                    data-target="#collapseThree" aria-expanded="false"
                                    aria-controls="collapseThree">
                                <span class="check"></span>
                                {{__ 'cartaoDeDebito'}}
                            </button>
                            <div class="cartoes">
                                {{#each (getCartoes this)}}
                                    <img title="{{name}}"
                                         src="{{img}}"
                                         alt=""/>
                                 {{/each}}
                            </div>
                        </h5>
                    </div>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                         data-parent="#accordion">
                        <div class="card-body">
                            <form action="" class="form-pagto">
                                <div class="row" id="DC" data-b2c-card="#DC" data-b2c-card-enable>
                                    <div class="col-md-4">
                                        <label for="">
                                            {{__ 'numeroDoCartao'}}
                                            <span>*</span>
                                            <i class="far fa-credit-card"></i>
                                            <span class="imgCard" data-b2c-cartao-bandeira></span>
                                        </label>
                                        <input class="icon" name="nrCartao" placeholder="xxxx xxxx xxxxx xxxxx" value="" data-b2c-pagto-tipo="#DC" data-b2c-input="nrCartao" data-b2c-cards="{{json_encode (getCartoes this) }}" data-b2c-cart>
                                    </div>
                                    <div class="col-md-3">
                                        <label for="">
                                            {{__ 'titular'}}
                                            <span>*</span>
                                            <i class="far fa-user"></i>
                                        </label>
                                        <input class="icon" placeholder="" value="" data-b2c-input="titular">
                                    </div>
                                    <div class="col-md-3">
                                        <label for="">
                                            {{__ 'validade'}}
                                            <span>*</span>
                                            <i class="far fa-calendar"></i>
                                        </label>
                                        <input class="icon" name="mesAnoValidade" placeholder="MM/YYYY" value="" data-b2c-input="validade">
                                    </div>
                                    <div class="col-md-2">
                                        <label for="">
                                            {{__ 'cvv'}}
                                            <span>*</span>
                                            <i class="far fa-credit-card" style="padding-right: 1px;"></i>
                                        </label>
                                        <input class="icon" name="cdSeguranca" placeholder="" value="" data-b2c-input="CVV" style="padding-left: 38px;">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            {{/ifCond}}

            {{#ifCond tipo "BOLETO" }}
                <!--Boleto-->

                <div class="card" data-b2c-pagto="pagtoBoleto">
                    <div class="card-header" id="headingThree" data-b2c-tp-pagto="{{ tipo }}">
                        <h5 class="mb-0">
                            <button class="btn btn-link collapsed" data-toggle="collapse"
                                    data-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                <span class="check"></span>
                                {{__ 'boletoBancario'}}
                            </button>
                            <div class="cartoes">
                                <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0ODYuNCA0ODYuNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDg2LjQgNDg2LjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgoJPHBhdGggZD0ibTc3LjkgMTI0Ljc3Yy01Ljc5OSAwLTEwLjUgNC43MDEtMTAuNSAxMC41djIxMS41YzAgNS43OTkgNC43MDEgMTAuNSAxMC41IDEwLjVzMTAuNS00LjcwMSAxMC41LTEwLjV2LTIxMS41YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMTExLjM3IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMTUwLjQ3IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMzExLjE1IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMjMxIDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMjc0LjEyIDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMTk4LjA5IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtMzYxLjY4IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYxNTguMThjMCA1Ljc5OSA0LjcwMSAxMC41IDEwLjUgMTAuNXMxMC41LTQuNzAxIDEwLjUtMTAuNXYtMTU4LjE4YzAtNS43OTktNC43MDEtMTAuNS0xMC41LTEwLjV6Ii8+Cgk8cGF0aCBkPSJtNDExLjA4IDEyNC43N2MtNS43OTkgMC0xMC41IDQuNzAxLTEwLjUgMTAuNXYyMTEuNWMwIDUuNzk5IDQuNzAxIDEwLjUgMTAuNSAxMC41czEwLjUtNC43MDEgMTAuNS0xMC41di0yMTEuNWMwLTUuNzk5LTQuNzAxLTEwLjUtMTAuNS0xMC41eiIvPgoJPHBhdGggZD0ibTQ1NS4yMSA2Mi4zNDZoLTQyNC4wMmMtMTcuMTk3IDAtMzEuMTg4IDEzLjk5MS0zMS4xODggMzEuMTg5djI5OS4zM2MwIDE3LjE5NyAxMy45OTEgMzEuMTg5IDMxLjE4OCAzMS4xODloNDI0LjAyYzE3LjE5NyAwIDMxLjE4OS0xMy45OTEgMzEuMTg5LTMxLjE4OXYtMjk5LjMzYzAtMTcuMTk3LTEzLjk5MS0zMS4xODktMzEuMTg5LTMxLjE4OXptMTAuMTg5IDMzMC41MmMwIDUuNjE4LTQuNTcgMTAuMTg5LTEwLjE4OSAxMC4xODloLTQyNC4wMmMtNS42MTggMC0xMC4xODgtNC41NzEtMTAuMTg4LTEwLjE4OXYtMjk5LjMzYzAtNS42MTggNC41Ny0xMC4xODkgMTAuMTg4LTEwLjE4OWw0MjQuMDIgMWUtM2M1LjYxOCAwIDEwLjE4OSA0LjU3MSAxMC4xODkgMTAuMTg4djI5OS4zM3oiLz4KCgoKCgoKCgoKCgoKCgoKCjwvc3ZnPgo=" alt="">
                            </div>
                        </h5>
                    </div>
                    <div id="collapseFour" class="collapse" aria-labelledby="headingThree"
                         data-parent="#accordion">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="pagto-number"
                                          style="width: 100%;float: left;text-align: left;border-bottom: 1px solid #ececec;padding: 13px 0 10px 15px;margin: 10px 0;background: #fbeec1;">
                                        <span class="pagto-number-label">
                                            <span class="status">
                                                <i class="fa fa-exclamation" aria-hidden="true"></i>
                                            </span>
                                            {{{__ 'importanteOBoletoEEmitidoPor' 'text-decoration: underline;margin-right: 5px;' pagtoMeioBoletoList.0.nmBanco }}}
                                        </span>
                                    </span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="pagto-number"
                                          style="width: 100%;float: left;text-align: left;border-bottom: 1px solid #ececec;border-top: 1px solid #ececec;padding: 27px 0 24px 0;margin-bottom: 10px;font-size: 14px;padding-left: 10px;">
                                        <span class="pagto-number-label">
                                            {{__ 'voceReceberaUmBoletoNoValorDe'}} <b> {{toMoeda pagtoMeioBoletoList.0.pagtoMeioParcela.0.pagtoValor.vlPagto pagtoMeioBoletoList.0.pagtoMeioParcela.0.pagtoValor.sgMoeda}}</b>
                                            {{#ifNotCond pagtoMeioBoletoList.0.pagtoMeioParcela.0.pagtoValor.desconto null }}
                                                <span style="font-size: 17px;color: red;font-weight: bold;">
                                                    ({{ pagtoMeioBoletoList.0.pagtoMeioParcela.0.pagtoValor.desconto.dsDesconto }})
                                                </span>
                                            {{/ifNotCond }}
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {{/ifCond}}

            {{#ifCond tipo "FINANCIAMENTO" }}
                <!--Boleto-->

                <div class="card" data-b2c-pagto="pagtoFinanciamento">
                    <div class="card-header" id="headingThree" data-b2c-tp-pagto="{{ tipo }}">
                        <h5 class="mb-0" style="display: flex;align-items: center;justify-content: space-between;">
                            <button class="btn btn-link collapsed" data-toggle="collapse"
                                    data-target="#collapseFive" aria-expanded="false"
                                    aria-controls="collapseFive">
                                <span class="check"></span>
                                {{__ 'boletoParcelado'}}
                            </button>
                            <div class="cartoes">
                                <img src="data:image/png;base64, " alt="">
                            </div>
                        </h5>
                    </div>
                    <div id="collapseFive" class="collapse" aria-labelledby="headingThree"
                         data-parent="#accordion">
                        <div class="card-body">
                            <form action="" class="form-pagto">
                                <div data-koin-simular-container>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div style="border-bottom: 1px solid #ececec;padding: 15px 0 10px 0;margin-bottom: 10px;padding-left: 10px;">
                                                <div>
                                                    <input class="form-check-input" type="checkbox" id="koinTermos" style="min-width: 15px;float: left;position: relative;width: 10px;margin-right: 9px;margin-left: 0;" data-b2c-termos-financiamento="">
                                                    <label for="koinTermos" style="font-size: 14px;color: #000;">
                                                        {{__ 'aAprovacaoDaCompraComBoletoParceladoEstaSujeitaAAnaliseEPoliticas'}}
                                                        <br>
                                                        {{__ 'paraProsseguirAceiteOs'}}
                                                        <a href="https://www.koin.com.br/termos-e-condicoes/" target="_blank">
                                                            {{__ 'termosECondicoesDa'}}
                                                            <img src="data:image/png;base64, " alt="" style="width: 38px;position: relative;top: -3px;left: 2px;">
                                                        </a>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label for="">{{__ 'nomeCompleto'}} <span>*</span>
                                                <i class="far fa-user"></i>
                                            </label>
                                            <input class="icon" placeholder="" value="" data-b2c-input="nmCompleto">
                                        </div>
                                        <div class="col-md-4">
                                            <label for="">{{__ 'cpf'}} <span>*</span>
                                                <i class="far fa-id-card"></i>
                                            </label>
                                            <input class="icon" placeholder="000.000.000-00" value="" data-b2c-input="nrDocumentoFinanciamento">
                                        </div>
                                        <div class="col-md-3">
                                            <button class="button" style="margin-top: 34px;" data-b2c-btn-solicitar-financiamento="koin">
                                                <span class="text">
                                                    {{__ 'validar'}}
                                                </span>
                                                <span class="spinner">
                                                    <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                    <div data-b2c-koin-message style="color: red;display:none;">
                                        Parcelamento não autorizado
                                    </div>
                                </div>
                                <div data-koin-parcelas-container>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h2 style="padding: 20px 0;border-bottom: 1px solid #eee;">{{__ 'opcoesDeParcelamento'}}</h2>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="">
                                                {{__ 'parcelas'}}
                                                <span>*</span>
                                            </label>
                                            <select data-b2c-input="parcelas" name="parcelas" data-tp="#F">
                                                <option disabled="disabled" selected="selected">{{__ 'selecione'}}</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="">
                                                {{__ 'dataDoPrimeiroVencimento'}}
                                                <i class="fas fa-calendar"></i>
                                            </label>
                                            <input class="icon" placeholder="" data-b2c-input="dtValidade" readonly="" style="border: none;outline: none;">
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            {{/ifCond}}

            {{#ifCond tipo "PIX" }}
                <!--Pix-->

                <div class="card" data-b2c-pagto="pagtoPix">
                    <div class="card-header" id="headingPix" data-b2c-tp-pagto="PIX">
                        <h5 class="mb-0">
                            <button class="btn btn-link collapsed" data-toggle="collapse"
                                data-target="#collapsePix" aria-expanded="false"
                                aria-controls="collapsePix">
                                <span class="check"></span>
                                Pix
                                 {{#ifNotCond pagtoMeioPix.pagtoValor.desconto null }}
                                 (<small>
                                        ({{ pagtoMeioPix.pagtoValor.desconto.dsDesconto }})
                                  </small>)
                                 {{/ifNotCond }}
                            </button>
                            <div class="cartoes">
                                <img src="data:image/png;base64, " alt="Pix" style="width: 89px;margin-top: 6px;">
                            </div>
                        </h5>
                    </div>

                    <div id="collapsePix" class="collapse" aria-labelledby="headingPix"
                        data-parent="#accordion">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="pagto-number" style="width: 100%;float: left;text-align: left;border-top: 1px solid #ececec;padding: 27px 0 24px 0;margin-bottom: 10px;font-size: 14px;padding-left: 10px;">
                                        <span class="pagto-number-label">
                                            Você pagará um Pix no valor de <b> {{toMoeda pagtoMeioPix.pagtoValor.vlPagto pagtoMeioPix.pagtoValor.sgMoeda}}</b>
                                            {{#ifNotCond pagtoMeioPix.pagtoValor.desconto null }}
                                            <span style="font-size: 17px;color: red;font-weight: bold;">
                                                ({{ pagtoMeioPix.pagtoValor.desconto.dsDesconto }})
                                            </span>
                                        {{/ifNotCond }}
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {{/ifCond}}
        {{/each }}

    </div>

</div>
</script>

{% endverbatim %}