<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://demo51.fexkomin.xyz/ext.css">


<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
    .card-radio {
            background-color: #1e2024;
border: 6px solid #363c4d;
    border-radius: 2rem;
    padding: 0.9rem;
}
@media screen and (max-width: 600px) {
  .nomobile {
font-size: 20px !important;
  }
}
.btn-success {
    box-shadow: 0 4px 15px 0 rgb(23 168 108 / 75%);
}
.form-control {
    font-weight: 500;
    border-radius: 0.7rem;
    height: calc(1.8em + 0.94rem + 4px);
    font-size: .9rem;
}
/* Container holding the image and the text */

/* Centered text */
.centered {
  position: absolute;
  top: 75%;
  left: 50%;
  color: white;
  font-size: smaller;
  transform: translate(-50%, -50%);
}
.custom {
    display: none;
}
.BTC {
background: linear-gradient(180deg,#f9aa4b -.02%,#f7931a 99.99%);
    
}
.ETH {
background: linear-gradient(185.23deg,rgba(177,177,255,0.7) -3.47%,rgba(119,142,255,0.7) 98.67%);
    
}
.TRX {
background: linear-gradient(342.04deg,#eb4439 -75.71%,#ff4b4b 135.9%);
    
}
.SOL {
    background: linear-gradient(112.11deg,#53ffa5 -9.59%,#9850faf5 54.58%,#2cc9f8fc 117.99%);
}

.INR {
background: linear-gradient(190.72deg,#3cffe7 -85.82%,#177d67 92.04%);
    
}
.USD {
background: linear-gradient(342.04deg,#263b80 -75.71%,#25bcff 135.9%);
    
}
.AIRTM {
background: linear-gradient(342.04deg,#682a98 -75.71%,#7234a1 135.9%);
    
}
.currency-dashboard {
    max-width: none;

    padding: 0.7rem;z-index: 0;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;

    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 95px;
    border-radius: 12.5px;
}
.card-radio {
    background-color: transparent;
    border: 0px solid #363c4d;
    border-radius: 1rem;
    padding: 0rem;
}

        #popupContainer {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            border-radius: 15px;
            transform: translate(-50%, -50%);
            padding: 5px;
            background-color: #2a3042;
            border: 1px solid #576574;
            box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            width: 95%;
            height: 78%;
            max-width: 600px;
        }

        .close-btn {
            position: absolute;
            top: -10px;
            right: -10px;
            cursor: pointer;
            border: 1px solid #576574;
            width: 30px; /* Set the width of the button */
            height: 30px; /* Set the height of the button */
            border-radius: 50%; /* Make it circular */
            background-color: #2a3042; /* Background color */
            color: #fff; /* Text color */
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px; /* Text size */
        }
</style>
<div class="ads">
    <?= $settings['dashboard_top_ad'] ?>
</div>
    <div id="popupContainer">
        <span class="close-btn" onclick="closePopup()">&times;</span>
        <iframe id="popupIframe" width="100%" height="100%" style="border: none;"></iframe>
    </div>
<script>
    function openPopup(offerwallUrl) {
        var popupIframe = document.getElementById('popupIframe');
        popupIframe.src = offerwallUrl;

        var popupContainer = document.getElementById('popupContainer');
        popupContainer.style.display = 'block';

        // Listen for mousedown events outside the popup container to close it
        document.addEventListener('mousedown', closePopupOutside);

        // Prevent mousedown propagation inside the popup
        popupContainer.addEventListener('mousedown', function(event) {
            event.stopPropagation();
        });
    }

    function closePopup() {
        var popupContainer = document.getElementById('popupContainer');
        popupContainer.style.display = 'none';

        // Remove the mousedown event listener when closing the popup
        document.removeEventListener('mousedown', closePopupOutside);
    }

    function closePopupOutside(event) {
        var popupContainer = document.getElementById('popupContainer');
        if (!popupContainer.contains(event.target)) {
            // Mousedown outside the popup, so close it
            closePopup();
        }
    }
</script>
<?php if ($user['status'] == "banned"): ?>
    <style>
        .card {
            display: none;
        }
    </style>
<?php endif; ?>


<script>
    function openTabjoyOfferwall() {
        // Open a link with a custom scheme
        window.location.href = "coinlycash://open-tabjoy-offerwall";
    }
</script>

<div class="row">
    <div class="col-lg-12">

<div class="card">
      <div class="offer-walls container-fruid pb-120">
                <div class="row justify-content-center">
                    <div class="col-xxl-5 col-xl-6 col-lg-7">
                        <div class="section-header text-center">
                         <br>   <h3 class="title">Offers & Surveys</h3> <div></div>
                            <p class="has-text-align-center" style="font-size:13px">We partnered with highest paying Offers/Surveys companies with Hundreds of tasks to complete. Choose from one of them to start earning Tokens.</p>

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


                
                
                <div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/adnets" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/images/adnewmu.png" alt="image">
                </div>
            </a>
            <a href="/offerwall/adnets" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+45% Bonus</span>
                    </div>
                    <h6>Admanutim</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>



 <div class="row justify-custom" id="offerWallContainerAdscend">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/adcend" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/aaddsss.jpg" alt="image">
                </div>
            </a>
            <a href="/offerwall/adcend" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+98% Bonus</span>
                    </div>
                    <h6>AdscendMedia</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Call the server-side function to check IP risk
        fetch('/offerwall/checkIpRisk')
            .then(response => response.json())
            .then(data => {
                if (data.hide_offers) {
                    // Hide the offer wall if fraud score exceeds the threshold
                    document.getElementById('offerWallContainerAdscend').style.display = 'none';
                    alert('Your IP has been flagged for high-risk behavior. Offers are hidden.');
                } else {
                    // Show the offer wall (if not hidden already)
                    document.getElementById('offerWallContainerAdscend').style.display = 'block';
                }
            })
            .catch(error => {
                console.error('Error fetching the IP risk:', error);
            });
    });
</script>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function () {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

<div class="row justify-custom" id="offerWallContainer2">
										                      <div class="col-auto">
                        <div class="single-box third" data-bs-toggle="modal" data-bs-target="#surveryMod">
                             <a href="#" onclick="openPopup('/offerwall/huppoo')"><div class="img-area"> <img src="/img/adhub.png" alt="image"> </div></a>
                            <a href="#" onclick="openPopup('/offerwall/huppoo')"> <div class="text-area">
                                <div class="btn-area mb-3"> <span class="cmn-btn alt">                                        +50% Bonus                                    </span> </div>
                                <h6>AdPort Hub</h6>
                                <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                                    <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>80</span> </div>
                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </div>
							</a>
                        </div>
                    </div>
                    </div>
                    
    <script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer2");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['offertoro_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/monlix" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/images/monmoo.jpg" alt="image">
                </div>
            </a>
            <a href="/offerwall/monlix" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+99% Bonus</span>
                    </div>
                    <h6>Monlix</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
    
    <div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/taskwall" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/images/taskwall.png" alt="image">
                </div>
            </a>
            <a href="/offerwall/taskwall" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+99% Bonus</span>
                    </div>
                    <h6>TaskWall</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
</div>

<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/upwall" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/upwall.png" alt="image">
                </div>
            </a>
            <a href="/offerwall/upwall" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+99% Bonus</span>
                    </div>
                    <h6>upwall</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>


<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="#" onclick="openPopup('/offerwall/adtowall')">
                <div class="img-area"> <img src="/img/adto.jpg" alt="image"> </div>
            </a>
            <a href="#" onclick="openPopup('/offerwall/adtowall')">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+35% Bonus</span> </div>
                    <h6>Adtowall</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
 
 <script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['notik_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

<div class="row justify-custom" id="offerWallContainerAdlyce">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/adlyce" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/adlyc.png" alt="image">
                </div>
            </a>
            <a href="/offerwall/adlyce" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+59% Bonus</span>
                    </div>
                    <h6>Adlycee</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Hide offer walls based on configuration or IP risk
    document.addEventListener("DOMContentLoaded", function () {
        var offerWallContainer = document.getElementById("offerWallContainer");
        var offerWallContainerAdlyce = document.getElementById("offerWallContainerAdlyce");

        // Condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
            offerWallContainerAdlyce.style.display = "none";
        }
    });
</script>


<!-- Admantuim -->


<!-- Revlum -->
                    

<!-- AdspiritMedia -->
<div class="row justify-custom" id="offerWallContainerAdspiritMedia">
    <div class="col-auto">
        <div class="single-box">
            <a href="/offerwall/addd" target="_blank" rel="noopener noreferrer">
                <div class="img-area">
                    <img src="/img/adddd.png" alt="image">
                </div>
            </a>
            <a href="/offerwall/addd" target="_blank" rel="noopener noreferrer">
                <div class="text-area">
                    <div class="btn-area mb-3">
                        <span class="cmn-btn alt">+48% Bonus</span>
                    </div>
                    <h6>AdspiritMedia</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2">
                        <span>Popularity</span>
                        <div class="img-area">
                            <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
                        </div>
                        <span>90</span>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // List of all offer wall containers
        const offerWallContainers = [
            "offerWallContainerAdmantuim",
            "offerWallContainerRevlum",
            "offerWallContainerAdspiritMedia"
        ];

        // Condition to hide the blocks
        const shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainers.forEach(containerId => {
                const element = document.getElementById(containerId);
                if (element) {
                    element.style.display = "none";
                }
            });
        }
    });
</script>

 
  <div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="/offerwall/sushi" target="_blank">
                <div class="img-area"> <img src="/img/ssss.jpeg" alt="image"> </div>
            </a>
            <a href="/offerwall/sushi" target="_blank">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+25% Bonus</span> </div>
                    <h6>Sushi Ads</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

 

<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="/offerwall/clickwall" target="_blank">
                <div class="img-area"> <img src="/img/cccccc.png" alt="image"> </div>
            </a>
            <a href="/offerwall/clickwall" target="_blank">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+25% Bonus</span> </div>
                    <h6>Click Wall</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['timewall_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="/offerwall/notik" target="_blank">
                <div class="img-area"> <img src="/img/images/notik.png" alt="image"> </div>
            </a>
            <a href="/offerwall/notik" target="_blank">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+35% Bonus</span> </div>
                    <h6>Notik</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['notik_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>

<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="/offerwall/adbreak" target="_blank">
                <div class="img-area"> <img src="/img/download.png" alt="image"> </div>
            </a>
            <a href="/offerwall/adbreak" target="_blank">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+59% Bonus</span> </div>
                    <h6>AdbreakMedia</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['notik_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>


<div class="row justify-custom" id="offerWallContainer">
    <div class="col-auto">
        <div class="single-box" data-bs-toggle="modal" data-bs-target="#surveryMod">
            <a href="/offerwall/prize" target="_blank">
                <div class="img-area"> <img src="/img/prize.png" alt="image"> </div>
            </a>
            <a href="/offerwall/prize" target="_blank">
                <div class="text-area">
                    <div class="btn-area mb-3"> <span class="cmn-btn alt">+55% Bonus</span> </div>
                    <h6>PrizeLoot</h6>
                    <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                        <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>55</span> </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['notik_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>


					<div class="row justify-custom" id="offerWallContainer1">
                                         <div class="col-auto">
                        <div class="single-box four" data-bs-toggle="modal" data-bs-target="#surveryMod">
                             <a href="#" onclick="openPopup('/offerwall/adgem')"><div class="img-area"> <img src="/img/images/offer-walls-img-10.png" alt="image"> </div></a>
                           <a href="#" onclick="openPopup('/offerwall/adgem')"> <div class="text-area">
                                <div class="btn-area mb-3"> <span class="cmn-btn alt">                                        +50% Bonus                                    </span> </div>
                                <h6>Adgem</h6>
                                <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                                    <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>80</span> </div>
                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </div>
							</a>
                        </div>
                    </div>
                    </div>
                    
                    <script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer1");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['adgem_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>
                    
                    
                    
<div class="row justify-custom" id="offerWallContainer3">
										                      <div class="col-auto">
                        <div class="single-box four" data-bs-toggle="modal" data-bs-target="#surveryMod">
                             <a href="#" onclick="openPopup('/offerwall/cpx')"><div class="img-area"> <img src="/img/images/offer-walls-img-4.png" alt="image"> </div></a>
                            <a href="#" onclick="openPopup('/offerwall/cpx')"> <div class="text-area">
                                <div class="btn-area mb-3"> <span class="cmn-btn alt">                                        +20% Bonus                                    </span> </div>
                                <h6>Cpx </h6>
                                <div class="scale mt-2 d-flex align-items-center gap-2"> <span>Popularity</span>
                                    <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image"> </div> <span>90</span> </div>
                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </div></a>
                        </div>
                    </div>
                    </div>
                    <script>
    // Example JavaScript to hide the block based on a condition
    document.addEventListener("DOMContentLoaded", function() {
        var offerWallContainer = document.getElementById("offerWallContainer3");

        // Your condition to hide the block
        var shouldHideBlock = <?php echo json_encode($this->data['settings']['cpx_status'] != 'on'); ?>;

        if (shouldHideBlock) {
            offerWallContainer.style.display = "none";
        }
    });
</script>




							
<div class="row justify-custom" id="offerWallContainer9">
															                     <div class="col-auto">
                        <div class="single-box second" data-bs-toggle="modal" data-bs-target="#surveryMod">
                             <a href="#" onclick="openPopup('/offerwall/admantums')"><div class="img-area"> <img src="/img/images/admoo.png" alt="image"> </div></a>
                             <a href="#" onclick="openPopup('/offerwall/admantums')"><div class="text-area">
                                <div class="btn-area mb-3"> <span class="cmn-btn alt">                 
								+25% Bonus                                    </span> </div>
                                <h6>admantum</h6>
                                <div class="scale mt-2 d-flex align-items-center gap-2"> 
								<span>Popularity</span>
                                    <div class="img-area"> <img src="/img/images/icon/usa-flag.png" class="max-un" alt="image">
									</div> 
									<span>80</span>
									</div>
                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </div></a>
                        </div>
                    </div>
                    </div>
                
					

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

<center> <!-- PixFuture Display Ad Tag -->
<div id="37494x970x250x6469x_ADSLOT1" clickTrack="%%CLICK_URL_ESC%%"></div>
<script async type="text/javascript" src="https://served-by.pixfuture.com/www/delivery/headerbid.js" slot_id="37494x970x250x6469x_ADSLOT1"></script>  <center>  