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

<head>
    <title>Anticode | Blocker</title>
      <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">
      <!-- Favicon icon -->
      <link rel="icon" href="<?= base_url() ?>ANTICODE/Ansrc/favicons/favicon.ico" type="image/x-icon">
      <!-- Google font-->
      <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">
      <!-- Required Fremwork -->
      <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/bootstrap/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
      <!-- Style.css -->
      <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">
  </head>
  <style>
        .game-t {
            font-family: 'Press Start 2P', cursive;
        }

        body {
            margin: 0;
            overflow: hidden;
            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;
            }
        }


        .form-control::before {
            border-color: transparent;
        }

        .form-control {
            border-color:transparent;
            box-shadow: 0 0 1px 1px rgb(136, 255, 0);
        }

        .form-control:focus {
            border-color:transparent;
            box-shadow: 0 0 1px 1px rgb(136, 255, 0);
        }

        .text-anticode {
            color:rgb(136, 255, 0);
        }

        .btn-dark:hover {
            background-color: transparent;
            color:rgb(136, 255, 0);
            box-shadow: 0 0 2px 2px rgb(136, 255, 0);
            border:1px solid rgb(0, 0, 0);
        }
        .btn-dark {
            background-color: transparent;
            border: 1px solid rgba(69, 69, 69, 0.637);
            color:#b7b7b7;
        }
        .form-control::placeholder {
            color: rgba(136, 255, 0, 0.637); 
            font-style: normal; 
            font-size: 13px; 
        }

        .lbl-anticode {
            color: rgba(136, 255, 0, 0.637);
            font-size: 14px;
            margin-bottom: 3px;
            font-style: italic;
        }

        .logo-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: transparent;
        }

        .logo {
            font-size: 100px; 
            color: #2c3e50; 
            transition: color 1s ease-in-out;
        }


        .logo:hover {
            color: #f39c12;
        }
        .card {
            border: 2px dotted #6aff0058;
            border-radius: 15px;
            width: 400px;
            box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.527);
        }

        .card:hover {
            border-color:transparent;
            box-shadow: 0 0 3px 3px rgba(136, 255, 0, 0.327);
        }
        .text-anticode-dark {
            color: #87dc4b9e; 
        }

        .smx {
            font-size: 13px;
        }

        #typing-text {
            font-size: 9px;
            white-space: nowrap;
            overflow: hidden; 
            border-right: 1px solid #00e126bf;
            padding-right: 5px;
        }

        .input-group-text {
            border-color:transparent;
            box-shadow: 0 0 1px 1px rgb(136, 255, 0);
        }
    </style>
  <body>
    <!-- Pre-loader start -->
    <div class="theme-loader">
        <div class="ball-scale">
            <div class='contain'>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">

                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Pre-loader end -->
    <div id="pcoded" class="pcoded">
        <div class="pcoded-overlay-box"></div>
        <div class="pcoded-container navbar-wrapper">

        <?php include "navbar.php" ?>

            <!-------  SIDEBAR   ----------->

            <div style="background:black;" class="pcoded-main-container">
                <div style="background: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>
                            <!----MENU SIDEBAR-->
                        <?php include "sidebar.php" ?>
                    </nav>
                    <div style="background:black;" class="pcoded-content">
                        <div style="background:black;" class="pcoded-inner-content">
                            <div style="background:black;" class="main-body d-flex align-items-center justify-content-center">
                                <div class="page-wrapper">

                                    <div style="background:black; width:600px;"class="page-body">
                                        <div style="align-items: center; justify-content: center; display: flex;" class="row d-flex">
                                            <!-- card1 start -->
                                             <div style="box-shadow: none; border:none;" class="card text-center bg-transparent">
                                                    <h4 class="mt-3 mb-3" style="font-size:18px; color: rgb(136, 255, 0); font-weight:bold;">BLOCKER SETUP</h4>

                                                <div class="">
                                                <form action="<?= base_url() ?>private-access/panel/update" method="post">
                                                    <div class="text-left">
                                                        <label class="text-white" style="font-size:11px;" for="antibot">APIKEY</label>
                                                        <input style="color:rgb(136, 255, 0); height:50px; font-size:16px;" class="form-control bg-transparent" type="text" name="anticodetoken" value="<?php echo _anticode('TOKEN'); ?>" placeholder="Apikey">
                                                    </div>
                                                    <div class=" text-dark mt-3">
                                                        <span style="font-size:12px;" class="text-white"><strong class="text-danger">Note :</strong> Make sure the Blocker configuration is on.</span>
                                                    </div>
                                                    <div class="mt-5">
                                                        <button style="border-radius:5px; font-size:16px; padding:13px; border:1px solid rgb(136, 255, 0);" class="btn btn-dark w-100 d-block text-white" type="submit" name="updatetoken"> UPDATE BLOCKER</button>
                                                    </div>
                                                </form>
                                                </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>
<!-- jquery slimscroll js -->
<script type="text/javascript" src="<?= base_url() ?>ANTICODE/Ansrc/js/jquery-slimscroll/jquery.slimscroll.js"></script>
<!-- modernizr js -->
<!-- am chart -->
<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>
<!-- Todo js -->
<!-- Custom js -->
<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>
