<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <style>
  * {
    font-family: Kanit,cursive;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
                #nprogress {
                    pointer-events: none;
                }

                #nprogress .bar {
                    background: #B72B41;
                    position: fixed;
                    z-index: 9999;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 3px;
                }

                #nprogress .peg {
                    display: block;
                    position: absolute;
                    right: 0px;
                    width: 100px;
                    height: 100%;
                    box-shadow: 0 0 10px #B72B41, 0 0 5px #B72B41;
                    opacity: 1;
                    -webkit-transform: rotate(3deg) translate(0px, -4px);
                    -ms-transform: rotate(3deg) translate(0px, -4px);
                    transform: rotate(3deg) translate(0px, -4px);
                }

                #nprogress .spinner {
                    display: block;
                    position: fixed;
                    z-index: 1031;
                    top: 15px;
                    right: 15px;
                }

                #nprogress .spinner-icon {
                    width: 18px;
                    height: 18px;
                    box-sizing: border-box;
                    border: solid 2px transparent;
                    border-top-color: #B72B41;
                    border-left-color: #B72B41;
                    border-radius: 50%;
                    -webkit-animation: nprogresss-spinner 400ms linear infinite;
                    animation: nprogress-spinner 400ms linear infinite;
                }

                .nprogress-custom-parent {
                    overflow: hidden;
                    position: relative;
                }

                .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
                    position: absolute;
                }

                @-webkit-keyframes nprogress-spinner {
                    0% {
                        -webkit-transform: rotate(0deg);
                    }

                    100% {
                        -webkit-transform: rotate(360deg);
                    }
                }

                @keyframes  nprogress-spinner {
                    0% {
                        transform: rotate(0deg);
                    }

                    100% {
                        transform: rotate(360deg);
                    }
                }
            </style>
</head>
<body>
  <main class="flex bg-white min-h-screen mb-10 min-w-screen flex-col justify-start items-baseline">
    <div class="bg-[#10acd0] w-full p-3 flex items-center gap-3">
        <div><img src="<?php echo e(asset('assets/icon/profile.jpg')); ?>" alt="avatar"
                class="inline-block relative object-cover object-center !rounded-full w-12 h-12 rounded-lg border-2 border-white">
        </div>
        <div>
            <h2 class="text-white text-xl mb-1"><?php echo e(auth()->user()->username); ?></h2><span id="toggleSpan" 
                class="bg-[#fff]  text-sm px-1 text-[#444] rounded-full cursor-pointer flex items-center gap-1"><img
                    src="<?php echo e(asset('assets/icon/tap.jpg')); ?>" alt="" class="h-4 rounded-full w-4"> <span id="textContent">Tap for Balance</span> </span>
        </div>
    </div><a href="<?php echo e(route('user.logout')); ?>" class="rounded-full bg-white absolute top-3 right-3 p-2"><svg xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"
            class="h-6 font-bold cursor-pointer w-6 text-black">
            <path fill-rule="evenodd"
                d="M7.5 3.75A1.5 1.5 0 006 5.25v13.5a1.5 1.5 0 001.5 1.5h6a1.5 1.5 0 001.5-1.5V15a.75.75 0 011.5 0v3.75a3 3 0 01-3 3h-6a3 3 0 01-3-3V5.25a3 3 0 013-3h6a3 3 0 013 3V9A.75.75 0 0115 9V5.25a1.5 1.5 0 00-1.5-1.5h-6zm10.72 4.72a.75.75 0 011.06 0l3 3a.75.75 0 010 1.06l-3 3a.75.75 0 11-1.06-1.06l1.72-1.72H9a.75.75 0 010-1.5h10.94l-1.72-1.72a.75.75 0 010-1.06z"
                clip-rule="evenodd"></path>
        </svg></a>
    <div class="p-5 w-full ">
        <div class="border border-gray-300 rounded-lg">
            <h2 class="p-3 text-[#0c0ce8] text-xl font-bold">SRT LAB BD</h2>
            <hr class="border-gray-300">
            <div class="grid  grid-cols-4 gap-5 rounded-lg my-4"><a href="<?php echo e(route('user.ptc.index')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#946e58"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10 "
                            srcset="<?php echo e(asset('assets/icon/work.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/work.webp')); ?>" style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">My Work</h2>
                    </div>
                </a><a href="<?php echo e(route('user.deposit.index')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#6ea787"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10  "
                            srcset="<?php echo e(asset('assets/icon/deposit.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/deposit.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Deposit</h2>
                    </div>
                </a><a href="<?php echo e(route('user.withdraw')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#1e8a8b"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/withdraw.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/withdraw.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Withdraw</h2>
                    </div>
                </a><a href="<?php echo e(route('user.plan.buy')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#ee8857"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10 "
                            srcset="<?php echo e(asset('assets/icon/package.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/package.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Packages</h2>
                    </div>
                </a><a href="<?php echo e(route('user.profile.setting')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#8a4095"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10 "
                            srcset="<?php echo e(asset('assets/icon/profile.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/profile.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Profile</h2>
                    </div>
                </a><a href="<?php echo e(route('user.referred')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#b2428e"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10 "
                            srcset="<?php echo e(asset('assets/icon/refer.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/refer.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Refer</h2>
                    </div>
                </a><a href="<?php echo e(route('user.transactions')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#5d7369"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/transactions.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/transactions.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Transaction</h2>
                    </div>
                </a><a href="https://t.me/srt_web_developer">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" color="#946e58"
                            loading="lazy" width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10 "
                            srcset="<?php echo e(asset('assets/icon/helpline.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/helpline.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Helpline</h2>
                    </div>
                </a></div>
        </div>
        
        <div class="w-full h-[140px] lg:h-[80vh] overflow-hidden mt-5 rounded">
             <div class="mySlides" role="group" aria-label="1 / 3"
                        data-swiper-slide-index="0" style="width: 100%;"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="w-full lg:h-[80vh]"
                            srcset="<?php echo e(asset('assets/icon/ban1.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/ban1.webp')); ?>"
                            style="color: transparent;"></div>
                            
             <div class="mySlides" role="group" aria-label="1 / 3"
                        data-swiper-slide-index="0" style="width: 100%;"><img alt="" loading="lazy"
                             width="500" height="500" decoding="async" data-nimg="1"
                            class="w-full lg:h-[80vh]"
                            srcset="<?php echo e(asset('assets/icon/ban2.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/ban2.webp')); ?>"
                            style="color: transparent;"></div>
                            
             <div class="mySlides" role="group" aria-label="1 / 3"
                        data-swiper-slide-index="0" style="width: 100%;"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="w-full lg:h-[80vh]"
                            srcset="<?php echo e(asset('assets/icon/ban3.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/ban3.webp')); ?>"
                            style="color: transparent;"></div>
                            
            <!--<div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden">-->
            <!--    <div class="swiper-wrapper" id="swiper-wrapper-0d856f7810bd7570f" aria-live="off"-->
            <!--        style="transform: translate3d(-640px, 0px, 0px); transition-duration: 0ms;">-->
            <!--        <div class="swiper-slide swiper-slide-next" role="group" aria-label="1 / 3"-->
            <!--            data-swiper-slide-index="0" style="width: 320px;"><img alt="" loading="lazy"-->
            <!--                width="500" height="500" decoding="async" data-nimg="1"-->
            <!--                class="w-full lg:h-[80vh]"-->
            <!--                srcset="/assets/icon/ban1.webp"-->
            <!--                src="/assets/icon/ban1.webp"-->
            <!--                style="color: transparent;"></div>-->
                            
            <!--        <div class="swiper-slide swiper-slide-prev" role="group" aria-label="2 / 3"-->
            <!--            data-swiper-slide-index="1" style="width: 320px;"><img alt="" loading="lazy"-->
            <!--                width="500" height="500" decoding="async" data-nimg="1"-->
            <!--                class="w-full lg:h-[80vh]"-->
            <!--                srcset="/assets/icon/ban2.webp"-->
            <!--                src="/assets/icon/ban2.webp"-->
            <!--                style="color: transparent;"></div>-->
                            
            <!--        <div class="swiper-slide swiper-slide-active" role="group" aria-label="3 / 3"-->
            <!--            data-swiper-slide-index="2" style="width: 320px;"><img alt="" loading="lazy"-->
            <!--                width="500" height="500" decoding="async" data-nimg="1"-->
            <!--                class="w-full lg:h-[80vh]"-->
            <!--                srcset="/assets/icon/ban3.webp"-->
            <!--                src="/assets/icon/ban3.webp"-->
            <!--                style="color: transparent;"></div>-->
                            
            <!--    </div>-->
            <!--</div>-->
        </div>
        
        <div class="border border-gray-300 rounded-lg mt-5">
            <h2 class="p-3 text-[#0c0ce8] text-xl font-bold">Company</h2>
            <hr class="border-gray-300">
            <div class="grid  grid-cols-4 gap-5 rounded-lg my-4"><a href="<?php echo e(route('user.change.password')); ?>">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/set.avif')); ?>"
                            src="<?php echo e(asset('assets/icon/set.avif')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Settings</h2>
                    </div>
                </a><a href="">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/about.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/about.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">About</h2>
                    </div>
                </a><a target="blank" href="https://t.me/srt_web_developer">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/yt.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/yt.webp')); ?>">
                        <h2 class=" text-black mt-2 text-center">HTW</h2>
                    </div>
                  </a><a href="https://t.me/srt_web_developer">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="/srtlab.png"
                            src="/srtlab.png"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Telegram</h2>
                    </div>   
                </a></div>
        </div>
        <div class="border border-gray-300 rounded-lg mt-5">
            <h2 class="p-3 text-[#0c0ce8] text-xl font-bold">Our Partner</h2>
            <hr class="border-gray-300">
            <div class="grid  grid-cols-4 gap-5 rounded-lg my-4"><a target="blank" href="https://www.daraz.com.bd/">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/daraz.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/daraz.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Daraz</h2>
                    </div>
                </a><a target="blank" href="https://www.ajkerdeal.com/">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/ajkerdeal.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/ajkerdeal.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">AjkerDeal</h2>
                    </div>
                </a><a target="blank" href="https://www.Bikroy.com/">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/bikroy.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/bikroy.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Bikroy</h2>
                    </div>
                </a><a target="blank" href="https://www.othoba.com/">
                    <div class="cursor-pointer flex items-center flex-col"><img alt="" loading="lazy"
                            width="500" height="500" decoding="async" data-nimg="1"
                            class="h-10 cursor-pointer w-10"
                            srcset="<?php echo e(asset('assets/icon/othoba.webp')); ?>"
                            src="<?php echo e(asset('assets/icon/othoba.webp')); ?>"
                            style="color: transparent;">
                        <h2 class=" text-black mt-2 text-center">Othoba</h2>
                    </div>
                </a></div>
        </div>
    </div>
</main>

  
<script src="<?php echo e(asset('assets/front/js/jquery.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/front/js/popper.min.js')); ?>"></script>
     
<link rel="stylesheet" href="<?php echo e(asset('assets/front/css/iziToast.min.css')); ?>">
<script src="<?php echo e(asset('assets/front/js/iziToast.min.js')); ?>"></script>

<script type="text/javascript">
    (function($,document){
        "use strict";
                        function notify(status,message) {
            iziToast[status]({
                message: message,
                position: "topRight"
            });
        }
    })(jQuery);
</script>

  
<script>
document.addEventListener("DOMContentLoaded", function() {
    // Get the span element
    var spanElement = document.getElementById("toggleSpan");
    // Get the span containing the text content
    var textContentSpan = document.getElementById("textContent");

    spanElement.addEventListener("click", function() {
        if (textContentSpan.textContent.trim() === "Tap for Balance") {
            textContentSpan.textContent = <?php echo e(auth()->user()->balance); ?>;
            // Automatically revert after 5 seconds
            setTimeout(function() {
                textContentSpan.textContent = "Tap for Balance";
            }, 5000); // 5000 milliseconds = 5 seconds
        } else {
            textContentSpan.textContent = "Tap for Balance";
        }
    });
});
</script>


<script>
    // Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

</script>
<script>
let slideIndex = 0;
showSlides();

function showSlides() {
  let i;
  let slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {slideIndex = 1}
  slides[slideIndex-1].style.display = "block";
  setTimeout(showSlides, 2000); // Change image every 2 seconds
}

</script>
</body>
</html><?php /**PATH /home/srtxyz/srtlab61.srt50.xyz/core/resources/views/templates/smartlab/user/dashboard.blade.php ENDPATH**/ ?>