<style>
    html{font-size: 15px;}
    .evgPBc .ame-logo-icon {
    margin-right: 16px;
}
</style>
<link href="%%GLOBAL_TPL_PATH%%/Assets/css/pagamento.css" rel="stylesheet">
<div id="app-top" class="cf">
    <div class="ph3-ns w-80-ns">
        <div><h1 class="f2 black-70">Pedido Confirmado</h1></div>
        	<div class="cf br3 pa4 cconf-alert bg-washed-green ba b--green solid">
        		<div class="fl w-100 w-50-ns" style="overflow-wrap: break-word;">
        			<span class="db f4 fw6 mb4 dark-green">
                        <span>Pedido {{ NumPedido|safe }} realizado com sucesso.</span>
        			</span>
    				<p class="dark-green"><span>Em breve você receberá um e-mail no endereço</span>&nbsp;
    					<strong class="cconf-client-email">%%GLOBAL_emailCli%%</strong>&nbsp;
    					<span>com todos os detalhes do pedido.</span>
                        <br><br>

                        <span class="db f4 fw6 mb4 dark-green">
                            <svg style="margin-bottom: -10px;" id="icone_pix" xmlns="http://www.w3.org/2000/svg" width="30.118" height="30.116" viewBox="0 0 30.118 30.116" class="ame-logo-icon"><defs></defs><g transform="translate(-103.72 -103.725)"><path class="a" d="M126.012,124.457a4.394,4.394,0,0,1-3.128-1.3l-4.534-4.533a.857.857,0,0,0-1.188,0l-4.515,4.516a4.4,4.4,0,0,1-3.13,1.3h-.543l5.737,5.736a4.572,4.572,0,0,0,6.471,0l5.721-5.72Zm-5.736,4.815a3.3,3.3,0,0,1-4.659,0l-3.965-3.963a5.708,5.708,0,0,0,1.9-1.258l4.2-4.207,4.223,4.223a5.666,5.666,0,0,0,2.149,1.352Z" transform="translate(0.832 2.322)"></path><path class="a" d="M121.182,105.065a4.577,4.577,0,0,0-6.471,0l-5.737,5.736h.543a4.4,4.4,0,0,1,3.13,1.3l4.515,4.516a.841.841,0,0,0,1.188,0l4.534-4.535a4.4,4.4,0,0,1,3.128-1.3h.891Zm.8,6.11-4.223,4.222-4.206-4.206a5.7,5.7,0,0,0-1.9-1.259l3.965-3.963a3.3,3.3,0,0,1,4.659,0l3.853,3.853A5.655,5.655,0,0,0,121.98,111.176Z" transform="translate(0.832)"></path><path class="a" d="M132.5,114.4l-3.433-3.433h-2.218a3.117,3.117,0,0,0-2.188.906l-4.534,4.534a2.172,2.172,0,0,1-3.066,0l-4.518-4.518a3.115,3.115,0,0,0-2.189-.906h-1.871l-3.417,3.417a4.571,4.571,0,0,0,0,6.469l3.417,3.417h1.871a3.116,3.116,0,0,0,2.189-.907l4.518-4.515a2.22,2.22,0,0,1,3.066,0l4.534,4.534a3.109,3.109,0,0,0,2.188.908h2.218l3.433-3.433A4.571,4.571,0,0,0,132.5,114.4Zm-16.346,3.557-4.516,4.518a1.833,1.833,0,0,1-1.282.533h-1.344l-3.042-3.043a3.3,3.3,0,0,1,0-4.66l3.042-3.043h1.341a1.833,1.833,0,0,1,1.285.532l4.516,4.518a3.962,3.962,0,0,0,.374.326A3.6,3.6,0,0,0,116.15,117.959Zm15.441,2.007-3.059,3.059h-1.688a1.825,1.825,0,0,1-1.283-.533l-4.534-4.534a3.344,3.344,0,0,0-.374-.321,3.962,3.962,0,0,0,.374-.326l4.534-4.534a1.83,1.83,0,0,1,1.283-.533h1.688l3.059,3.06a3.3,3.3,0,0,1,0,4.66Z" transform="translate(0 1.147)"></path></g></svg><span style="margin-left: 10px;">pagar com Pix</span>
                        </span>

                        <span>pague com <strong>Pix</strong> em qualquer dia e a qualquer hora! o pagamento é instantâneo, prático e pode ser feito em poucos segundos. é muito rápido e seguro :)</span>
    				</p>

    				<p class="dark-green"><span>Aguardamos a confirmação do pagamento.</span></p>
                    
    			</div>
    			<div class="fl w-100 w-50-ns" >
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-14rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>Resumo</span></h3>
                            
                            <div class="cf w-100">
                                <div class="dib f6 fw4 gray w-60"><span>Subtotal</span></div><div class="dib f6 fw4 gray w-40 tr"><span>R$&nbsp;%%GLOBAL_subtotal%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideRegradesc%%">
                                <div class="dib f6 fw4 gray w-60"><span>Descontos Extras</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_RegraD%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideCredito%%">
                                <div class="dib f6 fw4 gray w-60"><span>Crédito na loja</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_credito%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideCupom%%">
                                <div class="dib f6 fw4 gray w-60"><span>Cupom de desconto</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_cupom%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>
                            
                            <div class="cf w-100" style="display: %%GLOBAL_hideVale%%">
                                <div class="dib f6 fw4 gray w-60"><span>Vale Presente</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_valepres%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideEmbalagem%%">
                                <div class="dib f6 fw4 gray w-60"><span>Embalagem para presente</span></div><div class="dib f6 fw4 gray w-40 tr"><span>+R$&nbsp;%%GLOBAL_ValEmabalagem%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hidDes%%">
                                <div class="dib f6 fw4 gray w-60"><span>Desconto via Pix</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_descDep%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>                  
              
                            <div class="cf w-100">
                                <div class="dib f6 fw4 gray w-60"><span>Entrega</span></div><div class="dib f6 fw4 gray w-40 tr"><span>R$&nbsp;%%GLOBAL_entrega%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100 mb4">
                                <div class="dib fl f6 fw5 mid-gray w-50"><span>Total</span></div><div class="dib fr f6 fw5 mid-gray w-50 tr"><span>R$&nbsp;%%GLOBAL_total%%</span></div>
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideTaxaManuseio%%">
                                <div class="dib f6 fw4 gray w-60"><span>Taxa de manuseio</span></div><div class="dib f6 fw4 gray w-40 tr"><span>R$&nbsp;%%GLOBAL_taxamanuseio%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>
                        </div>
                    </article>
                    
                    <center><a href="#" data-toggle="modal" data-target="#myModal%%GLOBAL_NumPedido%%" class="btn btn-success btn-lg" style="margin-top: 10px;">Enviar Comprovante</a></center>
                </div>
        	</div>
        </div>
    </div>
</div>
<div id="app-container" class="cf">
    <div class="ph3-ns w-80-ns db">
    	<div class="pt4">
    		<div class="w-100 fl pa2 pl0">
                <span class="db f4 mb4 dark-green">
                    <center>
                         <button type="button" class="btn btn-danger btn-lg btn-block" style="font-size: 14px;" id="new-board-btn">%%GLOBAL_aviso%%
                    </center>
                    <div class="dib cf w-100 pt4">
                        <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>
                    </div>

                </span> 
                <div class="ph3-ns w-80-ns db" style="display: %%GLOBAL_hidDes%%">
                    %%GLOBAL_mgdes%%
                </div>
            </div>
        </div>
    </div>   
</div>
<div class="modal fade" id="myModal%%GLOBAL_NumPedido%%" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Enviar Comprovante Pix</h4>
            </div>

            <div class="modal-body">
                <div class="form-group">
                    <label>Escolha o Arquivo: ( Somente: .JPG .JPEG .GIF .PNG ou .PDF )</label>
                    <form id="form%%GLOBAL_NumPedido%%" action="%%GLOBAL_ShopPath%%/lib/enviarComp.php" enctype="multipart/form-data" method="POST">
                        <input type="hidden" value="%%GLOBAL_NumPedido%%" name="id" />
                        <input type="file" id="%%GLOBAL_NumPedido%%" name="arquivo"  required/>

                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button id="send%%GLOBAL_NumPedido%%" type="submit" class="btn btn-primary">Enviar Comprovante</button>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('#send%%GLOBAL_NumPedido%%').bind("click", function () {
            var imgVal = $('[type=file]').val();
            if (imgVal == '') {
                return false;
            }
        });
    });
</script>

<script>
    $(document).ready(function(){
        $('.comprovante%%GLOBAL_NumPedido%%').click(function(){
            $('#comprovante%%GLOBAL_NumPedido%%').modal('show')
        });
        $('#send%%GLOBAL_NumPedido%%').click(function(){
            $('.sendConteudo').addClass('loading');
            $('#form%%GLOBAL_NumPedido%%').submit();
        });
    });
</script>
<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>