Edit

Editing: /home/goacom/6club.princedev.shop/main/5d10min.php

<?php
session_start();
if ($_SESSION['unohs'] == null) {
    header("location:index.php?msg=unauthorized");
}
include("conn.php");

// Fetch Last Period (5D 10 Min: gelluonduhogu_aidudi_zehn)
$samasye = "SELECT atadaaidi FROM `gelluonduhogu_aidudi_zehn` ORDER BY kramasankhye DESC LIMIT 1";
$samasyephalitansa = $conn->query($samasye);
$samasyephalitansa_dhadi = mysqli_fetch_assoc($samasyephalitansa);

// Fetch Next Prediction
$munde = mysqli_query($conn, "SELECT sankhye FROM `hastacalita_phalitansa_aidudi_zehn` WHERE `sthiti`='1'");
if (mysqli_num_rows($munde) > 0) {
    $uhisi = mysqli_fetch_array($munde);
    $uhisisankhye = $uhisi['sankhye'];
} else {
    $uhisisankhye = "NOT SET";
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=1200, initial-scale=0.1">
    <title>5D 10 Min | Admin</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rajdhani:wght@600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="vendors/feather/feather.css">
    <link rel="stylesheet" href="vendors/base/vendor.bundle.base.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">

body {
            background-color: var(--bg-body) !important;
            color: var(--text-dark);
            font-family: 'Poppins', sans-serif;
        }

/* --- COMPACT GAME CARD (White 3D) --- */
        .wingo-pro-card {
            background: var(--bg-card);
            border-radius: 12px;
            padding: 15px;
            border: 1px solid #edf2f9;
            box-shadow: 0 5px 25px rgba(0,0,0,0.05);
            margin-bottom: 15px;
            position: relative;
            overflow: hidden;
        }
        
        .wingo-pro-card::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;
            background: linear-gradient(90deg, #7367f0, var(--5d-blue), #28c76f);
        }

/* --- TIMER SECTION --- */
        .timer-section {
            text-align: center;
            background: #f8f9fa;
            border-radius: 10px;
            padding: 10px;
            border: 1px solid #e9ecef;
            height: 100%; display: flex; flex-direction: column; justify-content: center;
        }
        
        .timer-label { font-size: 0.75rem; color: var(--text-grey); text-transform: uppercase; font-weight: 600; }

.timer-big {
            font-family: 'Rajdhani', sans-serif;
            font-size: 2.8rem;
            font-weight: 700;
            color: var(--5d-blue);
            text-shadow: 0 2px 10px rgba(0, 207, 232, 0.2);
            line-height: 1;
            margin: 5px 0;
        }
        
        .period-pill {
            background: rgba(0, 207, 232, 0.1);
            color: var(--5d-blue);
            padding: 3px 12px;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: 600;
            display: inline-block;
        }

/* --- PREDICTION SECTION --- */
        .pred-section { padding: 5px; text-align: center; }
        .next-res { font-size: 0.95rem; color: var(--text-dark); margin-bottom: 8px; font-weight: 600; }
        .next-res span { color: var(--neon-green); font-weight: 800; font-size: 1.2rem; }

.input-glass {
            width: 100%; padding: 10px;
            background: #f1f3f5;
            border: 2px solid #e9ecef;
            color: #333; border-radius: 8px;
            text-align: center; font-size: 1rem; font-weight: 600;
            outline: none; margin-bottom: 8px;
            transition: 0.3s;
        }
        .input-glass:focus { border-color: var(--5d-blue); background: #fff; box-shadow: 0 0 10px var(--5d-shadow); }

/* Buttons */
        .btn-pro {
            width: 100%; padding: 10px; border: none; border-radius: 8px;
            font-weight: 700; text-transform: uppercase; font-size: 0.8rem;
            cursor: pointer; color: #fff; margin-bottom: 5px;
            transition: 0.2s;
        }
        .btn-green { background: linear-gradient(135deg, #28c76f, #1f9d57); box-shadow: 0 4px 10px rgba(40, 199, 111, 0.3); }
        .btn-red { background: linear-gradient(135deg, #ea5455, #c0392b); box-shadow: 0 4px 10px rgba(234, 84, 85, 0.3); }
        .btn-pro:active { transform: scale(0.95); }

/* Tables (White) */
        .pro-table-container {
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            margin-top: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            border: 1px solid #f1f1f1;
        }
        .pro-table-header {
            padding: 12px 15px;
            background: #f8f9fa;
            font-weight: 700; color: var(--text-dark); font-size: 0.95rem;
            border-bottom: 1px solid #eee;
        }
        
        table.dataTable tbody tr { background-color: #fff !important; color: #333; font-size: 0.85rem; }
        table.dataTable tbody tr:nth-child(even) { background-color: #f9f9f9 !important; }
        table.dataTable tbody td { border-bottom: 1px solid #eee !important; padding: 10px 8px !important; }
        table.dataTable thead th { background-color: #fff !important; color: #555; padding: 10px 8px !important; font-size: 0.85rem; border-bottom: 2px solid #eee !important; }
        
        #copied {
            visibility: hidden; position: fixed; bottom: 20px; left: 50%; 
            transform: translateX(-50%); background: #333; color: #fff; 
            padding: 8px 20px; border-radius: 30px; z-index: 9999; font-size: 0.9rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

/* Mobile Layout */
        @media (max-width: 768px) {
            .content-wrapper { padding: 15px !important; }
            .wingo-pro-card { padding: 12px !important; margin-bottom: 15px !important; }
            .timer-big { font-size: 2.5rem; }
            .row-compact { display: flex; flex-wrap: nowrap; gap: 10px; }
            .col-compact { width: 50%; flex: 0 0 50%; max-width: 50%; }
            table.dataTable { width: 100% !important; margin: 0 !important; }
        }
    </style>
</head>

<body>
    <div class="container-scroller">
        
        <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row" style="background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05);">
            <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center" style="background:#fff;">
                <a class="navbar-brand brand-logo" href="dashboard.php"><h4 style="color:var(--5d-blue);font-weight:800;margin:0;">5D<span style="color:#333;">10M</span></h4></a>
                <a class="navbar-brand brand-logo-mini" href="dashboard.php"><img src="images/logo-mini.png" alt="logo"/></a>
            </div>
            <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
                <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
                    <span class="icon-menu" style="color:#333;"></span>
                </button>       
                
                <ul class="navbar-nav navbar-nav-right">            
                    <li class="nav-item dropdown d-flex mr-4 ">
                        <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center" id="notificationDropdown" href="#" data-toggle="dropdown">
                            <i class="icon-cog" style="color:#333;"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
                            <p class="mb-0 font-weight-normal float-left dropdown-header">Settings</p>              
                            <a class="dropdown-item preview-item" href="logout.php">
                                <i class="icon-inbox"></i> Logout
                            </a>
                        </div>
                    </li>
                </ul>
                <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
                    <span class="icon-menu" style="color:#333;"></span>
                </button>
            </div>
        </nav>

<div class="container-fluid page-body-wrapper">
            
            <nav class="sidebar sidebar-offcanvas" id="sidebar" style="background:#fff;">
                <div class="user-profile" style="background:#f8f9fa;">
                    <div class="user-image">
                        <img src="images/faces/face28.png">
                    </div>
                    <div class="user-name" style="color:#333;">@Welcom  To Admin</div>
                    <div class="user-designation" style="color:#666;">Admin</div>
                </div>
                <?php include 'compass.php'; ?>
            </nav>

<div class="col-6 col-compact">
                                <div class="pred-section">
                                    <div class="next-res">Next: <span><?php echo $uhisisankhye; ?></span></div>
                                    
                                    <form action="itticina_geluvu_aidudi_zehn.php" id="pre" method="POST">
                                        <input type="number" name="username" id="next" class="input-glass" placeholder="00000-99999" autocomplete="off">
                                        <div style="display:flex; gap:8px;">
                                            <button type="button" onclick="sub()" class="btn-pro btn-green">Set</button>
                                            <button type="button" onclick="unsetman()" class="btn-pro btn-red">Unset</button>
                                        </div>
                                    </form>
                                </div>
                            </div>

</div>
                    </div>

<div class="wingo-pro-card" style="padding: 12px; background: linear-gradient(90deg, #00cfe8, #73b4ff); color:#fff; display:flex; justify-content:space-between; align-items:center;">
                        <span style="font-size:0.95rem; font-weight:600; letter-spacing:1px;">TOTAL BETS</span>
                        <span style="font-size:1.3rem; font-weight:800;">₹ <span id="tobet">0</span></span>
                    </div>

<div class="pro-table-container">
                        <div class="pro-table-header">
                            <span><i class="fa-solid fa-list" style="color:var(--primary);"></i> Manual History</span>
                        </div>
                        <div style="padding:5px;">
                            <table id="example1" class="display" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Res</th>
                                        <th>Num</th>
                                        <th>Stat</th>
                                        <th>Users</th>
                                        <th>Pay</th>
                                    </tr>
                                </thead>
                                <tbody id="betdetail">
                                    <?php 
                                        $samasye = mysqli_query($conn,"select * from `hastacalita_phalitansa_aidudi_zehn`");
                                        while($dhadi = mysqli_fetch_array($samasye)){
                                    ?>
                                        <tr>
                                            <td style="color:var(--5d-blue); font-weight:bold;"><?php echo $dhadi["banna"]; ?></td>
                                            <td style="font-weight:bold; color:#333;"><?php echo $dhadi["sankhye"]; ?></td>
                                            <td style="color:#ff9f43;">Wait</td>
                                            <td style="color:#888;">Wait</td>
                                            <td style="color:#888;">Wait</td>
                                        </tr>
                                    <?php } ?>
                                </tbody>
                            </table>
                        </div>
                    </div>

</div>
                
                <footer class="footer" style="padding:15px; text-align:center; color:#999; font-size:0.8rem; background:#f4f7f6;">
                    <span>© 2026 @Welcom  To Admin</span>
                </footer>
                
                <div id="copied">Enter Number (00000-99999)</div>

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

// --- 2. DATA & TIMER LOGIC (5D 10 MINUTE) ---
    $(function () {
        $('#example1').DataTable({ "paging": false, "info": false, "searching": false, "lengthChange": false });

setInterval(function() { 
            wingoonetotal();
        }, 2000);

setInterval(function() {
            $('#example2').DataTable({
                "processing": true, "serverSide": true,
                "ajax": "detavannunirvahisi_aidudi_zehn.php", // 5D 10M File
                "paging": true, "searching": false, "info": false, "lengthChange": false,
                "bDestroy": true, "pageLength": 10
            });
        }, 2000);
    });

function wingoonetotal() {
        $.ajax({ type: "Post", url: "ottu_gellaluhogiondu_aidudi_zehn.php", success: function (html) { document.getElementById("tobet").innerHTML = html; } });
    }

function resetman() {
        $.ajax({ type: "Post", data: "stat=1", url: "maruhondisi_gellalu_aidudi_zehn.php" });
    }
    function unsetman() { resetman(); location.reload(); }

function fetchServerTime() {
        return fetch('servertime').then(res => res.json().then(data => data.serverTime));
    }

// --- 10 MINUTE TIMER LOGIC ---
    function startTimer(serverTime) {
        var distance = 600 - serverTime % 600; // 600 Seconds
        var interval = setInterval(function () {
            var min = Math.floor(distance / 60);
            var sec = ('0' + Math.floor(distance % 60)).slice(-2);

document.getElementById("demo").innerHTML = min + " : " + sec;

if (distance === 590) { resetman(); }
            if (distance === 588) { location.reload(); }
            
            distance--;
            if (distance < 0) {
                clearInterval(interval);
                fetchServerTime().then(st => startTimer(st));
            }
        }, 1000);
    }

fetchServerTime().then(st => startTimer(st));
    </script>
</body>
</html>