<title>Find Job - Best Leearning</title>

<?php $__env->startSection('css'); ?>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
    <link rel="stylesheet" href="https://powerworkerearn.com/resources/css/argon.css" type="text/css">
    <link rel="stylesheet" href="https://powerworkerearn.com/resources/css/myapp.css" type="text/css">
   <link href="<?php echo e(asset('frontend/user/assets/css/custom.css')); ?>" rel="stylesheet" />

    <style>
           .offer-partner-section {
            margin: 20px 0;
        }
        .offer-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #ffffff;
            margin-bottom: 20px;
        }
        .offer-card {
            position: relative;
            border-radius: 10px;
            width: 150px;
            height: 250px;
            overflow: hidden;
            text-align: center;
            background-color: #2c2c2c;
            color: white;
            transition: transform 0.3s ease, opacity 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex: 0 0 auto;
            margin-right: 10px;
        }

        .offer-card img {
            width: 70%;
            height: auto;
            max-height: 150px;
            object-fit: cover;
            margin-bottom: 10px;
        }

        .offer-card:hover {
            transform: scale(1.05);
        }

        .offer-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #28a745;
            color: white;
            padding: 5px;
            font-size: 0.9rem;
            border-radius: 5px;
        }

        .offer-partners {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding-bottom: 10px;
        }

        .offer-rating {
            margin-top: 10px;
        }

        .offer-rating i {
            color: gold;
        }

        /* Hide scrollbar but allow horizontal scrolling */
        .offer-partners::-webkit-scrollbar {
            display: none;
        }

        .offer-partners {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }

        /* Responsive styles */
        @media (max-width: 768px) {
            .offer-card {
                flex: 0 0 150px;
            }
            .offer-title {
                font-size: 15px;
            }
                .offer-card {
            position: relative;
            border-radius: 10px;
            width: 80px;
            height: 150px;
            overflow: hidden;
            text-align: center;
            background-color: #2c2c2c;
            color: white;
            transition: transform 0.3s ease, opacity 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex: 0 0 auto;
            margin-right: 10px;
        }

        .offer-card img {
            width: 80%;
            height: auto;
            max-height: 150px;
            object-fit: cover;
            /*margin-bottom: 10px;*/
            margin-top: 50px;
        }
        .offer-rating {
            font-size: 10px;
        }
        .btn_next_pre{
            font-size: 5px;
        }
        .offer-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #28a745;
            color: white;
            padding: 5px;
            font-size: 0.5rem;
            border-radius: 5px;
        }
        }
    </style>
           
    <style type="text/css">
        .mobileHide { display: inline; }
        
          @media  only screen
            and (min-device-width : 320px)
            and (max-device-width : 480px){
             .mobileHide { display: none;}
          }
   </style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('user-content'); ?>
<section>
<?php if(Auth::user()->status == 0): ?>
    <div class="alert alert-danger">
        <h2 class="text-white">ACCESS DENIED !</h2>
        <p class="mb-0">Your Account has been Banned.</p>
        <?php if(Auth::user()->reason): ?>
            <p style="font-weight: bold;"><span style="color: yellow;">Reason:-</span> <?php echo e(Auth::user()->reason); ?></p>
        <?php endif; ?>
        <p>If you believe this is an error or need assistance, please contact our Support Team:</p>
        <a href="ashrafulbd125250@gmail.com" class="btn btn-success" style="color: white">Appeal</a>
        <a href="https://wa.me/01700855422" class="btn bg-black" style="color: white">Whatsapp Support</a>
    </div>
<?php else: ?>


<div class="row justify-content-center">
    
        <div class="col-12 p-3">
    <div class="row justify-content-center">
        
     
        <div class="col-12 p-4 mt-2">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h1 class="offer-title text-primary mb-0 d-inline-block">
                    🔥 Offer Partners
                    <span class="tooltip-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Offer partners contain hundreds of tasks to complete to earn USD">
                        <i class="fas fa-question-circle"></i>
                    </span>
                </h1>
                <div>
                    <button id="prevBtn" class="btn_next_pre btn btn-primary me-2">
                        <i class="fas fa-arrow-left"></i> 
                    </button>
                    <button id="nextBtn" class="btn_next_pre btn btn-primary">
                         <i class="fas fa-arrow-right"></i>
                    </button>
                </div>
            </div>

            <div id="cardScroll" class="offer-partners">
                <!-- Partner 1 -->
                <a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=930dfa47e599ec90&uid=<?php echo e($userId); ?>')">
                    <div class="offer-badge">Recommended</div>
                    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />
                    <h6>Time Wall</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>

                <!-- Partner 2 -->
                <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789notik.me/coins?api_key=aLO3ctUYZEF2pXT6ipSySIx0lagLeDl6&pub_id=4JzylI&app_id=geWb6ZUcPA&user_id=<?php echo e($userId); ?>')">
                    <div class="offer-badge">Recommended</div>
                    <img src="https://notik.me/landingpage/images/f_logo.png" alt="Notik Offer" />
                    <h6>Notik</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
                
                         <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789wall.admantium.net/wall?apiKey=67193e043ade9616046579&userId=<?php echo e($userId); ?>')">
                    <div class="offer-badge">+2%</div>
                    <img src="https://affi-plat.s3.us-east-2.amazonaws.com/platforms/logo-horizontal.png" alt="Notik Offer" />
                    <h6>Admantium</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>

                <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789www.admantum.com/offers?appid=42873&uid=<?php echo e($userId); ?>')">
                    <div class="offer-badge">+2%</div>
                    <img src="https://www.admantum.com/assets/logos/logo-light.svg" alt="Notik Offer" />
                    <h6>Admantum</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
                
                         <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789earn.wannads.com/wall?apiKey=671cf542ddb29939053880&userId=<?php echo e($userId); ?>')">
                    <div class="offer-badge">+2%</div>
                    <img src="https://affi-plat.s3.us-east-2.amazonaws.com/platforms/wannads-ogotipo-naranja.png" alt="Wannads" />
                    <h6>Wannads</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
                
                         <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789ndotik.me/coins?api_key=aLO3ctUYZEF2pXT6ipSySIx0lagLeDl6&pub_id=4JzylI&app_id=geWb6ZUcPA&user_id=<?php echo e($userId); ?>')">
                    <div class="offer-badge">+2%</div>
                    <img src="https://static.wixstatic.com/media/daf650_100844930ba14a5f8a901283413a897f~mv2.gif" alt="Notik Offer" />
                    <h6>Comming Soon</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
       
                <!-- Add more partner cards as needed -->
            </div>
    

        <!-- Modal Structure -->
        <div class="modal fade" id="offerModal" tabindex="-1" aria-labelledby="offerModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="offerModalLabel">Details</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <iframe id="offerIframe" title="Offer Details" src="" frameborder="0" width="100%" height="600" scrolling="auto"></iframe>
                    </div>
                </div>
            </div>
        </div>
        <!----------------------------------------------->
        <div class="d-flex justify-content-between align-items-center mb-3">
                <h1 class="offer-title text-primary mb-0 d-inline-block">
                    🔥 Survey offers
                    <span class="tooltip-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Offer partners contain hundreds of tasks to complete to earn USD">
                        <i class="fas fa-question-circle"></i>
                    </span>
                </h1>
                <div>
                    <button id="prevBtnSurvey" class="btn_next_pre btn btn-primary me-2">
                        <i class="fas fa-arrow-left"></i> 
                    </button>
                    <button id="nextBtnSurvey" class="btn_next_pre btn btn-primary">
                         <i class="fas fa-arrow-right"></i>
                    </button>
                </div>
        </div>
                   
                
            <div id="cardScrollsurvey" class="offer-partners">
                <!-- Partner 1 -->
                <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789earn.wannads.com/surveywall?apiKey=671cf542ddb29939053880&userId=<?php echo e($userId); ?>')">
                    <div class="offer-badge">Recommended</div>
                    <img src="https://affi-plat.s3.us-east-2.amazonaws.com/platforms/wannads-ogotipo-naranja.png" alt="TimeWall Offer" />
                    <h6>Wannads</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
                <a href="#" class="offer-card shadow-sm" onclick="openModal('https://123456789offers.cpx-research.com/index.php?app_id=22918&ext_user_id=<?php echo e($userId); ?>&secure_hash=<?php echo e(md5($userId . '-KDaTYAMnxy8z4jE3KNb48FOpguA5zFAs')); ?>')">
                    <div class="offer-badge">Recommended</div>
                    <img src="https://publisher.cpx-research.com/assets/logo/logo3-cpx-reserach.png" alt="CPX-Research" />
                    <h6>CPX-Research</h6>
                    <div class="offer-rating">
                        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                    </div>
                </a>
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->
                <!--<a href="#" class="offer-card shadow-sm" onclick="openModal('https://timewall.io/users/login?oid=7s4b5e2e225a28ad0&uid=<?php echo e($userId); ?>')">-->
                <!--    <div class="offer-badge">Recommended</div>-->
                <!--    <img src="https://images.timebucks.com/TimewallImages/logo/TimeWall_logo_homepage_mobile.png" alt="TimeWall Offer" />-->
                <!--    <h6>Survey Offer</h6>-->
                <!--    <div class="offer-rating">-->
                <!--        <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>-->
                <!--    </div>-->
                <!--</a>-->

              

                <!-- Add more partner cards as needed -->
            </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
    <script>
        // Horizontal scrolling logic
        document.addEventListener('DOMContentLoaded', function () {
            const cardScroll = document.getElementById('cardScroll');
            const prevBtn = document.getElementById('prevBtn');
            const nextBtn = document.getElementById('nextBtn');

            // Scroll left when the previous button is clicked
            prevBtn.addEventListener('click', function () {
                cardScroll.scrollBy({ left: -300, behavior: 'smooth' });
            });

            // Scroll right when the next button is clicked
            nextBtn.addEventListener('click', function () {
                cardScroll.scrollBy({ left: 300, behavior: 'smooth' });
            });
        });

        // Function to open the modal and load iframe content
        function openModal(iframeSrc) {
            const offerIframe = document.getElementById('offerIframe');
            offerIframe.src = iframeSrc;
            const offerModal = new bootstrap.Modal(document.getElementById('offerModal'));
            offerModal.show();
        }

        // Clear iframe source when the modal is hidden
        document.getElementById('offerModal').addEventListener('hidden.bs.modal', function () {
            document.getElementById('offerIframe').src = '';
        });

        // Initialize Bootstrap tooltips
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl);
        });
    </script>
    <!--------------------->
    <script>
        // Horizontal scrolling logic
        document.addEventListener('DOMContentLoaded', function () {
            const cardScrollsurvey = document.getElementById('cardScrollsurvey');
            const prevBtn = document.getElementById('prevBtnSurvey');
            const nextBtn = document.getElementById('nextBtnSurvey');

            // Scroll left when the previous button is clicked
            prevBtn.addEventListener('click', function () {
                cardScrollsurvey.scrollBy({ left: -300, behavior: 'smooth' });
            });

            // Scroll right when the next button is clicked
            nextBtn.addEventListener('click', function () {
                cardScrollsurvey.scrollBy({ left: 300, behavior: 'smooth' });
            });
        });

        // Function to open the modal and load iframe content
        function openModal(iframeSrc) {
            const offerIframe = document.getElementById('offerIframe');
            offerIframe.src = iframeSrc;
            const offerModal = new bootstrap.Modal(document.getElementById('offerModal'));
            offerModal.show();
        }

        // Clear iframe source when the modal is hidden
        document.getElementById('offerModal').addEventListener('hidden.bs.modal', function () {
            document.getElementById('offerIframe').src = '';
        });
        // Initialize Bootstrap tooltips
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl);
        });
    </script>
    
    <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/64e05b84cc26a871b03022aa/1imoskifa';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

<?php endif; ?>
</section>

<?php $__env->stopSection(); ?>


<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/powerwor/public_html/resources/views/user/pages/survey_and_offers.blade.php ENDPATH**/ ?>