
<!-- Modal -->
<div class="modal fade" id="modalSaque" tabindex="-1" aria-labelledby="modalSaqueLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="window-register" style="transform-style: preserve-3d; transition: transform 200ms ease 0s, opacity 200ms ease 0s; opacity: 1; transform: translateX(0px) translateY(0px) translateZ(0px); display: block;">
            <div class="align-center-windows">
               <div class="card windows">
                  <h3 class="white">Realize o seu saque</h3>
                  <div class="gray-3 mb-24">Faça o saque agora e aproveite seus lucros!</div>

                  <?php if (is_array($EnableCashback) && $EnableCashback['status'] == 1): ?>
                        <div class="alert flex">
                           <div class="icon-16 txt-green mr-16"></div>
                              <div class="txt-label align-left">
                                    <?php echo $EnableCashback['valor'];  ?>
                              </div>
                           </div>
                     <?php endif; ?>

                  <div class="form w-form">
                     <form method="post" action="<?= base_url(); ?>payment/saque">
                        <div class="gray-3">Quantia (Mínimo de <span tenant-min-withdraw="">R$ <?php echo $minSaque['valor'];  ?></span>)</div>
                        <div class="eng-text-field"><input type="number" class="input no-padding w-input" maxlength="256" name="value" placeholder="Inisira um valor" id="value" required=""></div>
                        <div class="eng-text-field mt-2">
                           <select id="type" name="type" class="input no-padding select w-select">
                              <option value="">Tipo de Chave</option>
                              <option value="CPF">CPF</option>
                              <option value="EMAIL">E-mail</option>
                              <option value="TELEFONE">Telefone</option>
                              <option value="CHAVE_ALEATORIA">Chave aleatória</option>
                           </select>
                        </div>
                        <div class="eng-text-field mt-2">
                           <input type="text" class="input no-padding w-input" maxlength="256" name="key" placeholder="Chave PIX" withdrawal-pix-key="" id="key" required="">
                           <div class="eng-icon-field-img"><img alt="" loading="lazy" src="https://assets-global.website-files.com/6483631a773f6af2b4edabab/6483631a773f6af2b4edabb3_pix-icon.svg" class="icon-field-img-2"></div>
                        </div>
                        <div class="ang-alert">
                           <div class="options-form">
                              <div>Saques permitidos apenas para contas bancárias de sua titularidade</div>
                           </div>
                        </div>
                  </div>
                  <button type="submit" class="mt-16 btn-login btn-color-1 w-inline-block">
                  <div class="content-btn">
                  <div>Sacar</div>
                  </div>
                  </button> </form>
                  <div fs-scrolldisable-element="enable" class="eng-close-windows" data-dismiss="modal">
                     <div class="content-btn">
                        <div class="icon-16"></div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Modal -->
<!-- Modal -->
<div class="modal fade" id="modalDeposito" tabindex="-1" aria-labelledby="modalDepositoLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="window-register" style="transform-style: preserve-3d; transition: transform 200ms ease 0s, opacity 200ms ease 0s; opacity: 1; transform: translateX(0px) translateY(0px) translateZ(0px); display: block;">
            <div class="align-center-windows">
               <div class="card windows">
                  <h2 class="mb-8">Faça agora seu depósito no pix</h2>
                  <div class="gray mb-24">Falta pouco para a diversão!</div>
                  <div fs-scrolldisable-element="enable" class="eng-close-windows" data-dismiss="modal">
                     <div class="content-btn">
                        <div class="icon-16"></div>
                     </div>
                  </div>
                  <form id="enviarPagamento" method="post" action="<?= base_url(); ?>payment/deposit">
                     <div class="eng-alert mt-3">

                     <?php if (is_array($bonus) && $bonus['status'] == 1): ?>
                        <div class="alert flex">
                           <div class="icon-16 txt-green mr-16"></div>
                              <div class="txt-label align-left">
                                 <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="bonus" id="bonus" value="true">
                                    <label class="form-check-label" for="bonus">
                                    <?php echo $bonus['valor'];  ?>
                                    </label>
                                 </div>
                              </div>
                           </div>
                     <?php endif; ?>
                        </div>
                     

                     <div class="form w-form">
                        <div class="gray">Valor do depósito (Depósito mínimo de <span tenant-min-deposit="">R$5 </span>BRL)</div>
                        <div class="eng-text-field">
                           <input type="text" class="input w-input" maxlength="256" name="field" data-name="" placeholder="Insira um valor" id="valor" name="valor">
                           <div class="icon-field"></div>
                        </div>
                        <div class="eng-grid-form">
                           <a class="btn-login full w-button" id="bonusVal01" onclick="$('#valor').val(20);">R$ 20</a>
                           <a class="btn-login full w-button" id="bonusVal02"  onclick="$('#valor').val(40);">R$ 40</a>
                           <a class="btn-login full w-button" id="bonusVal03" onclick="$('#valor').val(60);">R$ 60</a>
                        </div>
                        <button type="submit" id="enviarBotao" class="btn-login btn-color-1 full w-inline-block">
                        Depositar
                        </button>
                        <div class="eng-alert mt-3">
                           <div class="alert flex">
                              <div class="icon-16 txt-green mr-16"></div>
                              <div class="txt-label align-left">Nossos servidores de pagamentos suportados são de altíssimo nível de segurança e confiável.</div>
                           </div>
                        </div>
                  </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>



<!-- Modal para exibir o QR code -->
<div class="modal fade" id="qrCodeModal" tabindex="-1" role="dialog" aria-labelledby="qrCodeModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
         <div class="window-register" style="transform-style: preserve-3d; transition: transform 200ms ease 0s, opacity 200ms ease 0s; opacity: 1; transform: translateX(0px) translateY(0px) translateZ(0px); display: block;">
            <div class="align-center-windows">
               <div class="card windows">
                  <div class="eng-title-qr mb-16">
                     <div class="eng-icon-pix"><img src="https://assets.website-files.com/6483631a773f6af2b4edabab/6483631a773f6af2b4edabca_pix-icon%201.svg" loading="lazy" alt="" class="img-title-window"></div>
                     <h3 class="white">Valor do pedido</h3>
                     <p class="h3 txt-yellow" id="modalValor"></p>
                  </div>
                  <div fs-scrolldisable-element="enable" class="eng-close-windows" data-dismiss="modal">
                     <div class="content-btn">
                        <div class="icon-16"></div>
                     </div>
                  </div>
                  <div class="eng-qr-code">
                     <div class="img-qr-code">
                        <img id="qrcode" src="" alt="QR Code" class="img-fluid mt-2">
                     </div>
                     <p id="modalText" class="text-white">Aponte a câmera do seu celular para realizar o depósito ou copie e compartilhe o QR Code.</p>
                     <div class="eng-right-qr">
                        <div class="eng-text-field mb-1">
                           <input type="text" class="input w-input" id="qrCodeTexto">
                           <div class="icon-field"><img src="https://assets.website-files.com/6483631a773f6af2b4edabab/6483631a773f6af2b4edabca_pix-icon%201.svg" width="18" height="18"></div>
                        </div>
                        <button id="copiarBotao" class="btn-login btn-color-1 w-button"><span class="icon-16"></span> Copiar código de pagamento/chave</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Modal pagamento code -->
<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="qrCodeModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
         <div class="window-register" style="transform-style: preserve-3d; transition: transform 200ms ease 0s, opacity 200ms ease 0s; opacity: 1; transform: translateX(0px) translateY(0px) translateZ(0px); display: block;">
            <div class="align-center-windows">
               <div class="card windows">
                  <div class="eng-title-qr mb-16">
                     <div class="eng-icon-pix"><img src="https://assets.website-files.com/6483631a773f6af2b4edabab/6483631a773f6af2b4edabca_pix-icon%201.svg" loading="lazy" alt="" class="img-title-window"></div>
                     <h3 class="white">Status do pedido</h3>
                     <span class="h3 badge badge-success">PAGO</span>
                  </div>
                  <div fs-scrolldisable-element="enable" class="eng-close-windows" data-dismiss="modal">
                     <div class="content-btn">
                        <div class="icon-16"></div>
                     </div>
                  </div>
                  <div class="eng-qr-code">
                     <p id="modalText" class="text-white">O pagamento foi processado com sucesso. <br>Já pode começar a ganhar! 💰</p>
                     <div class="eng-right-qr">
                        <button type="button" class="btn-login btn-color-1 w-button" data-dismiss="modal">Fechar</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Modal pagamento code -->
<div class="modal fade" id="buscaModal" tabindex="-1" role="dialog" aria-labelledby="buscaModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
         <div class="window-register" style="transform-style: preserve-3d; transition: transform 200ms ease 0s, opacity 200ms ease 0s; opacity: 1; transform: translateX(0px) translateY(0px) translateZ(0px); display: block;">
            <div class="align-center-windows">
               <div class="card windows">
                  <form id="wf-form-filter-search" name="wf-form-filter-search" action="<?= base_url(); ?>cassino/buscar" method="post" aria-label="filter-search">
                     <h3 class="white">Procurar jogo</h3>
                     
                     <div class="eng-text-field-3 mb-16 mt-3">   
                        <input type="text" class="input w-input" autofocus="true" maxlength="256" name="game" placeholder="Pesquisar" id="game">
                        <div class="icon-field"></div>
                        <div fs-scrolldisable-element="enable" class="eng-close-windows-search" data-dismiss="modal">
                           <div class="icon-16"></div>
                        </div>
                     </div>
                     <button type="submit" class="btn-login btn-color-1 full w-inline-block">
                        Procurar
                      </button>

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