<div class="main-content">
   <div class="container-medium mb-24">
      <div class="mb-24-2">
         <h3 class="white">Painel do Afiliado</h3>
      </div>
      <div class="card-affiliate horizontal mb-16">
         <div class="item-card-affiliate">
            <img src="https://assets-global.website-files.com/6483631a773f6af2b4edabab/651ff9c472a75899e996ef0a_users.svg" loading="lazy" alt="" class="icon-medium">
            <div class="content-card-affiliates">
               <h4>Apostadores</h4>
               <h4 invited-users-quantity=""><?php echo $total_indicados; ?></h4>
            </div>
         </div>
         <div class="item-card-affiliate">
            <img src="https://assets-global.website-files.com/6483631a773f6af2b4edabab/651ff9c472a75899e996ef0a_users.svg" loading="lazy" alt="" class="icon-medium">
            <div class="content-card-affiliates">
               <h4>Ativos</h4>
               <h4 invited-active-users-quantity=""><?php echo $total_indicados; ?></h4>
            </div>
         </div>
         <div class="item-card-affiliate">
         <img src="https://assets-global.website-files.com/6483631a773f6af2b4edabab/651ff9c472a75899e996ef0a_users.svg" loading="lazy" alt="" class="icon-medium">
            <div class="content-card-affiliates">
               <h4>Total</h4>
               <h4 invited-active-users-quantity=""><?php echo $total_indicados; ?></h4>
            </div>
         </div>
         <div class="item-card-affiliate">
            <img src="https://assets-global.website-files.com/6483631a773f6af2b4edabab/651ff9c472a75899e996ef0b_USD.svg" loading="lazy" alt="" class="icon-medium">
            <div class="content-card-affiliates">
               <h4>Saldo disponível</h4>
               <h4 invited-users-sum-commissions="">R$ <span balance-w-bonus=""><?php echo $afiliado[0]->saldo ?></span></h4>
            </div>
         </div>
      </div>
      <div class="eng-cards-afiliates">
         <div class="card-affiliate">
            <div class="item-card-affiliate">
               <div class="content-card-affiliates">
                  <h4 class="mb-16-2">Meu link de referência</h4>
                  <div class="gray-4 mb-16">Aproveite essa oportunidade para ganhar dinheiro extra enquanto compartilha a diversão da plataforma, confira abaixo o seu link exclusivo para novos apostadores:</div>
                  <div class="form-rocket w-form">
                
                  <div class="content-select-field mt-24">
                        <div class="eng-select-field full">
                              <input type="text" class="input w-input" id="meuInput" value="<?= base_url(); ?>?ref=<?php echo $usuario[0]->usuario ?>" >
                        </div>
                        <button class="btn-small w-inline-block" onclick="copiarConteudo()">Copiar</button>
                  </div>

                  </div>
               </div>
            </div>
         </div>
         <div class="card-affiliate">
         <div class="content-card-affiliates">
            <h4 class="mb-16-2">Minha Comissão</h4>

            <?php if (!empty($configAfiliado) && is_object($configAfiliado[0])): ?>
               <p> Sua comissão é especial para você </p>
               <div class="gray-4 mb-16">CPA Level1: <?php echo isset($configAfiliado[0]->cpaLvl1) ? 'R$ ' . number_format($configAfiliado[0]->cpaLvl1, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">CPA Level2: <?php echo isset($configAfiliado[0]->cpaLvl2) ? 'R$ ' . number_format($configAfiliado[0]->cpaLvl2, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">CPA Level3: <?php echo isset($configAfiliado[0]->cpaLvl3) ? 'R$ ' . number_format($configAfiliado[0]->cpaLvl3, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level1: <?php echo isset($configAfiliado[0]->revShareLvl1) ? $configAfiliado[0]->revShareLvl1 . '%' : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level2: <?php echo isset($configAfiliado[0]->revShareLvl2) ? $configAfiliado[0]->revShareLvl2 . '%' : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level3: <?php echo isset($configAfiliado[0]->revShareLvl3) ? $configAfiliado[0]->revShareLvl3 . '%' : 'N/A'; ?></div>

            <?php else: ?>
               <p> Sua comissão é padrão para você </p>
               <div class="gray-4 mb-16">CPA Level1: <?php echo isset($geralCPA[0]->cpaLvl1) ? 'R$ ' . number_format($geralCPA[0]->cpaLvl1, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">CPA Level2: <?php echo isset($geralCPA[0]->cpaLvl2) ? 'R$ ' . number_format($geralCPA[0]->cpaLvl2, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">CPA Level3: <?php echo isset($geralCPA[0]->cpaLvl3) ? 'R$ ' . number_format($geralCPA[0]->cpaLvl3, 2) : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level1: <?php echo isset($geralCPA[0]->revShareLvl1) ? $geralCPA[0]->revShareLvl1 . '%' : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level2: <?php echo isset($geralCPA[0]->revShareLvl2) ? $geralCPA[0]->revShareLvl2 . '%' : 'N/A'; ?></div>
               <div class="gray-4 mb-16">REV Level3: <?php echo isset($geralCPA[0]->revShareLvl3) ? $geralCPA[0]->revShareLvl3 . '%' : 'N/A'; ?></div>

               
            <?php endif; ?>
         </div>
         </div>
      </div>
      <div class="card-line mt-24">
            <h3 class="white">Movimentações</h3>
            <div>Acompanhe aqui a movimentação da sua conta</div>
            <div class="card mt-16">
               <?php if (empty($historico)): ?>
               <div class="card-body">
                  <h2 class="font mb-2 text-center" >Você ainda não movimentou a sua conta.</h2>
               </div>
               <?php else: ?>   
               <table>
                  <thead>
                     <tr>
                        <th>Tipo</th>
                        <th>Debito</th>
                        <th>Crédito</th>
                        <th>Data e Hora</th>
                     </tr>
                  </thead>
                  <tbody>
                     <?php foreach ($historico as $hist): ?>  
                     <tr>
                        <td><?php echo $hist->pagina; ?></td>
                        <td><?php echo $hist->debito; ?></td>
                        <td><?php echo $hist->credito; ?></td>
                        <td><?php echo $hist->data_hora; ?></td>
                     </tr>
                     <?php endforeach; ?>
                  </tbody>
               </table>
               <?php endif; ?>
            </div>
         </div>
      </div>
      