<style>
    html{font-size: 15px;}
    blockquote {padding: 0px!important;}
    #new-board-btn {white-space: normal;}
</style>
<link href="{{ TPL_PATH|safe }}/Assets/css/pagamento.css" rel="stylesheet">
<div id="app-container" class="cf">
    <div class="ph3-ns w-100-ns db">
        <div class="w-100 fl pa2 pl0">
            <span class="db f4 mb4 dark-green">
                </br>
                <center>
                    <button type="button" class="btn btn-danger btn-lg btn-block" style="font-size: 14px;" id="new-board-btn">{{ aviso|safe }}
                </center>
                </br>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" >
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>PIX</span>
                                <input  type="text" id="pix1Input" value="%%GLOBAL_pix1%%" style="opacity:0.00000000000001">
                            </h3>

                            <div class="address-summary address-summary-BRA">
                                <span>chave : %%GLOBAL_pix1%%</span>
                               
                                <div class="tooltipt" >
                                  <button class="btn btn-default" onclick="pix1()" >
                                    <span class="tooltipttext" id="pix1Tooltipt">Copiar Chave</span>
                                    <i class="fa fa-clone" aria-hidden="true"></i>
                                  </button>
                                </div>
                                
                                <br class="line1-delimiter"><span><strong>Instruções</strong></span>
                                <br class="line1-delimiter">
                                <span>
                                    <strong>1.</strong> Abra o app do seu banco ou instituição financeira e entre no ambiente Pix.<br>
                                    <strong>2.</strong> Escolha a opção Pagar com Chave <strong>%%GLOBAL_tipochave1%%</strong> e cole o código copiado acima.<br>
                                    <strong>3.</strong> Digite o Valor R$&nbsp;%%GLOBAL_total%% e finalize o pagamento com o Pix.<br>
                                    <strong>4.</strong> Envie no comprovante no botão Acima Enviar Comprovante.<br>
                                </span>
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: %%GLOBAL_Hidepix2%%">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>PIX</span>
                             <input  type="text" id="pix2Input" value="%%GLOBAL_pix2%%" style="opacity:0.00000000000001">
                            </h3>
                            <div class="address-summary address-summary-BRA">
                                <span>chave : %%GLOBAL_pix2%%</span>
                               
                                <div class="tooltipt" >
                                  <button class="btn btn-default" onclick="pix2()" >
                                    <span class="tooltipttext" id="pix2Tooltipt">Copiar Chave</span>
                                    <i class="fa fa-clone" aria-hidden="true"></i>
                                  </button>
                                </div>
                                
                                <br class="line1-delimiter"><span><strong>Instruções</strong></span>
                                <br class="line1-delimiter">
                                <span>
                                    <strong>1.</strong> Abra o app do seu banco ou instituição financeira e entre no ambiente Pix.<br>
                                    <strong>2.</strong> Escolha a opção Pagar com Chave <strong>%%GLOBAL_tipochave2%%</strong> e cole o código copiado acima.<br>
                                    <strong>3.</strong> Digite o Valor R$&nbsp;%%GLOBAL_total%% e finalize o pagamento com o Pix.<br>
                                    <strong>4.</strong> Envie no comprovante no botão Acima Enviar Comprovante.<br>
                                </span>
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: %%GLOBAL_Hidepix3%%">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>PIX</span>
                             <input  type="text" id="pix3Input" value="%%GLOBAL_pix3%%" style="opacity:0.00000000000001">
                            </h3>
                            <div class="address-summary address-summary-BRA">
                                <span>chave : %%GLOBAL_pix3%%</span>
                               
                                <div class="tooltipt" >
                                  <button class="btn btn-default" onclick="pix3()" >
                                    <span class="tooltipttext" id="pix3Tooltipt">Copiar Chave</span>
                                    <i class="fa fa-clone" aria-hidden="true"></i>
                                  </button>
                                </div>
                                
                                <br class="line1-delimiter"><span><strong>Instruções</strong></span>
                                <br class="line1-delimiter">
                                <span>
                                    <strong>1.</strong> Abra o app do seu banco ou instituição financeira e entre no ambiente Pix.<br>
                                    <strong>2.</strong> Escolha a opção Pagar com Chave <strong>%%GLOBAL_tipochave3%%</strong> e cole o código copiado acima.<br>
                                    <strong>3.</strong> Digite o Valor R$&nbsp;%%GLOBAL_total%% e finalize o pagamento com o Pix.<br>
                                    <strong>4.</strong> Envie no comprovante no botão Acima Enviar Comprovante.<br>
                                </span>
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: %%GLOBAL_Hidepix4%%">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>PIX</span>
                             <input  type="text" id="pix4Input" value="%%GLOBAL_pix4%%" style="opacity:0.00000000000001">
                            </h3>
                            <div class="address-summary address-summary-BRA">
                                <span>chave : %%GLOBAL_pix4%%</span>
                               
                                <div class="tooltipt" >
                                  <button class="btn btn-default" onclick="pix4()" >
                                    <span class="tooltipttext" id="pix4Tooltipt">Copiar Chave</span>
                                    <i class="fa fa-clone" aria-hidden="true"></i>
                                  </button>
                                </div>
                                
                                <br class="line1-delimiter"><span><strong>Instruções</strong></span>
                                <br class="line1-delimiter">
                                <span>
                                    <strong>1.</strong> Abra o app do seu banco ou instituição financeira e entre no ambiente Pix.<br>
                                    <strong>2.</strong> Escolha a opção Pagar com Chave <strong>%%GLOBAL_tipochave4%%</strong> e cole o código copiado acima.<br>
                                    <strong>3.</strong> Digite o Valor R$&nbsp;%%GLOBAL_total%% e finalize o pagamento com o Pix.<br>
                                    <strong>4.</strong> Envie no comprovante no botão Acima Enviar Comprovante.<br>
                                </span>
                            </div>                                                                      
                        </div>
                    </article>
                </div>
            </span>                 
        </div>
    </div>   
</div>
<script>
function pix1() {
  var copyText = document.getElementById("pix1Input");
  copyText.select();
  document.execCommand("copy");
  
  var tooltipt = document.getElementById("pix1Tooltipt");
  tooltipt.innerHTML = "Copiado" ;
}
function pix2() {
  var copyText = document.getElementById("pix2Input");
  copyText.select();
  document.execCommand("copy");
  
  var tooltipt = document.getElementById("pix2Tooltipt");
  tooltipt.innerHTML = "Copiado" ;
}
function pix3() {
  var copyText = document.getElementById("pix3Input");
  copyText.select();
  document.execCommand("copy");
  
  var tooltipt = document.getElementById("pix3Tooltipt");
  tooltipt.innerHTML = "Copiado" ;
}
function pix4() {
  var copyText = document.getElementById("pix4Input");
  copyText.select();
  document.execCommand("copy");
  
  var tooltipt = document.getElementById("pix4Tooltipt");
  tooltipt.innerHTML = "Copiado" ;
}
</script>