<?php
// Include HTML header
require_once("includes/html-header.php");
?>

<body>
    <!-- Body Wrapper -->
    <div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed">
        
        <?php
        // Include sidebar
        require_once("includes/sidebar.php");
        ?>

        <!-- Main wrapper -->
        <div class="body-wrapper">
            
            <?php
            // Include header
            require_once("includes/header.php");
            ?>
        
        <?php
        include('includes/whatsapp.php');
?>

            <!-- Include Font Awesome -->
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

            <!-- Main Content -->
            <div class="content-wrapper" style="padding: 20px; display: flex; justify-content: center; align-items: flex-start; height: 100vh; overflow-y: auto;">
                <div class="button-grid">
                    <a href="signTonid.php"><i class="fas fa-envelope"></i> সাইন কপি থেকে আইডি</a>
                    <a href="log.php"><i class="fas fa-book"></i> এনআইডি লগ</a>
                    <a href="birth.php"><i class="fas fa-baby"></i> জন্ম নিবন্ধন মেক</a>
                    <a href="br-log.php"><i class="fas fa-list"></i> জন্ম নিবন্ধন লগ</a>
                    <a href="Server_Copy.php"><i class="fas fa-server"></i> সার্ভার কপি</a>
                
                    <a href="autoTin.php"><i class="fas fa-certificate"></i> টিন সনদ</a>
                    <a href="recharge.php"><i class="fas fa-money-bill-wave"></i> টাকা রিচার্জ করেন</a>
                    <a href="bio-menu.php"><i class="fas fa-server"></i> বায়োমেট্রিক</a>
                    <a href="sign.php"><i class="fas fa-signature"></i> সাইন কপি</a>
                    <a href="nid_copy.php"><i class="fas fa-id-badge"></i> এনআইডি পিডিএফ</a>
                    <a href="call-list.php"><i class="fas fa-phone"></i> কল তালিকা</a>
                    <a href="number-location.php"><i class="fas fa-map-marker-alt"></i> নাম্বার লোকেশন</a>
                    <a href="nidtoallnumber.php"><i class="fas fa-id-badge"></i> এনআইডি থেকে সব নাম্বার</a>
                    <a href="allsim-sms.php"><i class="fas fa-envelope"></i> সব সিম এসএমএস তালিকা</a>
                    <a href="bkash-info.php"><i class="fas fa-wallet"></i> বিকাশ তথ্য</a>
                    <a href="rocket-info.php"><i class="fas fa-wallet"></i> রকেট তথ্য</a>
                    <a href="nagad-info.php"><i class="fas fa-wallet"></i> নগদ তথ্য</a>
                    <a href="nagad-state.php"><i class="fas fa-wallet"></i> নগদ বিবরণ</a>
                    <a href="imei-info.php"><i class="fas fa-mobile-alt"></i> আইএমইআই থেকে সক্রিয় নাম্বার</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Scroll to Top Button -->
    <button onclick="topFunction()" id="scrollToTopBtn" title="Go to top">↑</button>

    <!-- Custom Styles -->
    <style>
        body {
            margin: 0;
            background-color: #f4f4f9;
        }
        .button-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
            width: 90%;
            max-width: 900px;
            margin: 80px auto;
        }
        .button-grid a {
            text-decoration: none;
            padding: 25px 30px;
            border-radius: 10px;
            font-size: 20px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            color: #fff;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .button-grid a i {
            font-size: 24px;
        }
        .button-grid a:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        .button-grid a:nth-child(odd) { background: linear-gradient(45deg, #ff6b6b, #ff4757); }
        .button-grid a:nth-child(even) { background: linear-gradient(45deg, #54a0ff, #2e86de); }
        #scrollToTopBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 50%;
            padding: 15px;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            transition: background-color 0.3s ease;
        }
        #scrollToTopBtn:hover {
            background-color: #0056b3;
        }
    </style>

    <!-- Scroll to Top Script -->
    <script>
        var mybutton = document.getElementById("scrollToTopBtn");
        window.onscroll = function() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                mybutton.style.display = "block";
            } else {
                mybutton.style.display = "none";
            }
        };
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>

    <script src="assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/sidebarmenu.js"></script>
    <script src="assets/js/app.min.js"></script>
    <script src="assets/libs/simplebar/dist/simplebar.js"></script>
</body>
</html>
