<html lang="en" translate="no" data-dpr="1" dir="ltr" style="font-size: 36px">

<head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/favicon.png" />
   <meta name="google" content="notranslate" />
   <meta name="robots" content="noindex,nofollow" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

   <!--Select configuration files dynamically-->
   <link rel="manifest" href="/manifest/manifest.bigmumbai.json?version=1.1" />
   <title>86 Lottery</title>
   <link rel="stylesheet" href="/assets/css/modules-8b01ca49.css" />
   <link rel="stylesheet" href="/assets/css/page-activity-9da3f4e3.css" />
   <link rel="stylesheet" href="/assets/css/page-home-482c7bbf.css" />
   <link rel="stylesheet" href="/assets/css/index-8560823f.css" />
   <link rel="stylesheet" href="/assets/css/reset-910da13b.css" />
</head>

<body style="font-size: 12px">
   <div id="app" data-v-app="">
      <div data-v-4d8a8acc="" class="ar-loading-view" style="display: none; --76181987: 'Roboto', 'Inter', sans-serif">
         <div data-v-4d8a8acc="" class="loading-wrapper">
            <div data-v-4d8a8acc="" class="loading-animat">
               <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"
                  width="200" height="200" preserveAspectRatio="xMidYMid meet"
                  style="width: 100%;height: 100%;transform: translate3d(0px, 0px, 0px);content-visibility: visible;filter: hue-rotate(318deg);">
                  <defs>
                     <clipPath id="__lottie_element_2">
                        <rect width="200" height="200" x="0" y="0"></rect>
                     </clipPath>
                     <image
                        xlink:href="data:image/png;base64,[encoded data, 57436 characters]">
                     </image>
                     <image
                        xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAolBMVEVHcEz40Z/506D606H0zZr00Jv50qDovIn506D20Jv20J340Z740Z7pvon30J29h1D40Z/Kl2DrwIvKlmC7hE361KLBjFS9h1C+iFLXp3Dou4bzypfpvYjRn2e7hE7VpW2/ilK/iVHwx5PKl1/fsHnxyJTSoWnmuYTSoGnhs3361KK4gUr40p/1zZvtwo3xyJW+iVHluILNmmLFkVndrnjVpW0O9/bEAAAAKnRSTlMA0MCgYCBAD/AwUICQgHBasDDBIMXgpOB+nD/gkstAZpDwoO/w8OuwUNw9L8JXAAAGEUlEQVR42u2caXeqMBCG2cMmgqLSWq12vyggiv//r90ErEuldQUzc8ynixXNk5n3nUk4V0G4j+MHISgo/MlkMm7i4KADOkl7VHBMeiCn7w2DwPdXsVgND1gmDYMfAN9jCCiNmqNyhnxAca7hLkTP7wbBcDj02qsXuiAomt3xFkLQ3NZDM3/VBxCQ4YbCHzXb+xkX+F3+zbcd9L4j0W3CLeDD7mwyY6M38gS4o+nnGBPYFEKzl8di1oXdfKwwxkEbA0YPeCfo+SgwyAgFhtAc59oAv70osiqAvncNxrPFbOG3gWOQ7oKO8Rf03fdwvKDhGIE/EQloNGbww0F8llZd8OHweowjgI4hNF8pRs+Dz8HC4cM/98xdtyvg4Ghi4JgvXsG7rkAGjMNDwDFfzBFwCF3KMWhj4JjPBwQHxysCjoBxINDHMxIODwlH+5WCPMPnoAUEBYfwQDkeBBxCx1BAvI/5/KONQiDL+ReCxBpRjhECjuFyuRwg4CAfy/kHgkooPNCAYKggHpLEEgYUBIHzCs+UI8Ch9OWHgETpjwg42liU/oBE6SwgD/eA8BWQBpKAvBEUAcmQKCTLMgwKIW9ZhiIgz9kyw7ANEQZZhqKoe1Qhz0ik/oaBQ8Ai9S+aWSik/pll/zBwECxSZ5mlIvEsFJnFPOsJA4eBxbMaWYqjGlLz/UQBkqY4zPcxTVMU5ttIkTSMn2mKQyL/0hTFMRChEnnEonWCQ+spjkbrKU1bKEBaSLQuvKWpg6RBwWFaKgUxUGxGKAiKzHrEAqJgcd87CH+FPX7BARIjKexPcXwHuafWFet5i6CISPs9bqEAeYzj+A5yB7mD/NFgxfH75p+Ae63GZvZ3EN5AzE2WARyteN27GxvdwwRpbIHAPfrtx/H6UI6CwD3X2p58nMQKVA6VghglaQa5sAvCZ5yAffLWiJP++sKKYxEqyMt2ETSTBKz/tpJkIwsjSRINKEgSJ8rOFdAHJCwGxk58gB7RKRRk69JKEqBqf0mS7YaXqj2B2aT0k8TeuiQUxITIsTdxcRcMlER2Uukp2aqPsCSyK24mEhW+RIpcA1hJSiq5myQuPBBaNn5u0h2QBizuF3KVgoDbXKllVUMEmFtWWRo5AH2rX9YiqlEUAfMtg065pB9xowhYTXyJorKDRYXygdpdkfcoKu2r6OugNiVs5UtVbdM/QCol/SiSyl2ZglhwODQ63V8qH5X7O5yQSL+b0x+MfAbEOgOSuyFHkf5r+phwQnJA0H0wIXH/CkhhzQ54haxUokMwroPz1GDUEvPwNKXf6j5vRf1Q4rDWmPsNlnWMu9rlTT5X1qtH0eGjakLf1eFb7+5xGw5mwTbvSpePtDaed1gsZY4rESrfyeUeL2JrOp1ym1wKndzRtirRN3PqXKo+nR7fe+Tv5rMsiqetMYsflw8V7VOzXqY3yHwKRDzJhwgLIXd7LIOlvHH6PVPO/k8f0c8xIXN6On3FHOJ5ZcE6OR+rPm44pYL8vJEjkgumw0Ip8WS85+7C86TkxISViyTLD4lyofXkJizzwXFZ98cHiTO9vDznJDf2Lnl6jTaDkYQ3JbkOB+3pmeI7N6vxRLpai5F7l36jXbwhXrFVIlJIx00OtzWdfrN4vXSQGYlcv1Ac9r1XFWjxiTULhbj5+lUQY73WrZbWqSSjVZF9rFtfelns+yrxGDv/5JqOiYx83aRq1s3UawtKHo7qjLJQn+7Uo45KvcXJgyJVWh3VfLnCip8AFkEJ5crOIYml12T1ZqdYMFJhyPVa2ojVmukVoCjFItXWQ6h5yxLq9lUTjDgFhlRnf6rmfSRdu6ulsmrncQ7FuttsbYUiKtfIA7PwkLBzi/Nmo0iwUL80LKpd5FS9SVWWDmHHPptFdcRwlaa3fAJLlO9pdOQzujDNXt9u3fwJmfEdFpoa1gmLajju+kaZkyeWpryeUijaykEaw7Sk9Q2hq/B05m9+C7ZIFMmyNG1vfkTTHMsVt96oyyZ/T/RVxd2GWRGtx97fdNfh92cuVcWWwiOGKDsAfqtT1Sx7PwCrMEiyZUL7vVFVVbWtQS9R/MxzxeM/40/zIUYGLpIAAAAASUVORK5CYII=">
                     </image>
                  </defs>
                  <g clip-path="url(#__lottie_element_2)">
                     <g class="ai"
                        transform="matrix(-0.8723424673080444,0.48889532685279846,-0.48889532685279846,-0.8723424673080444,236.123779296875,138.34471130371094)"
                        opacity="1" style="display: block">
                        <image width="200px" height="200px" preserveAspectRatio="xMidYMid slice"
                           xlink:href="data:image/png;base64,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">
                        </image>
                     </g>
                     <g class="png"
                        transform="matrix(1.0674799680709839,0,0,1.0674799680709839,46.62600326538086,46.62600326538086)"
                        opacity="1" style="display: block">
                        <image width="100px" height="100px" preserveAspectRatio="xMidYMid slice"
                           xlink:href="data:image/png;base64,[encoded data, 57436 characters]">
                        </image>
                     </g>
                  </g>
               </svg>
            </div>
            <div data-v-4d8a8acc="" class="com__box" style="display: none">
               <div class="loading" data-v-4d8a8acc="">
                  <div class="shape shape-1" data-v-4d8a8acc=""></div>
                  <div class="shape shape-2" data-v-4d8a8acc=""></div>
                  <div class="shape shape-3" data-v-4d8a8acc=""></div>
                  <div class="shape shape-4" data-v-4d8a8acc=""></div>
                  <div id="extwaiokist" style="display: none" v="fcoon" q="bf8f4860" c="75.43" i="88" u="3.250"
                     s="05202423" sg="svr_09102316-ga_05202423-bai_05072421" d="1" w="false" e="" a="2" m="BMe="
                     vn="3gtra">
                     <div id="extwaigglbit" style="display: none" v="fcoon" q="bf8f4860" c="75.43" i="88" u="3.250"
                        s="05202423" sg="svr_09102316-ga_05202423-bai_05072421" d="1" w="false" e="" a="2" m="BMe=">
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div data-v-4d8a8acc="" class="skeleton-wrapper" style="display: none">
            <div data-v-4d8a8acc="" class="van-skeleton van-skeleton--animate">
               <div class="van-skeleton__content">
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 60%"></div>
               </div>
            </div>
            <div data-v-4d8a8acc="" class="van-skeleton van-skeleton--animate">
               <div class="van-skeleton-avatar van-skeleton-avatar--round"></div>
               <div class="van-skeleton__content">
                  <h3 class="van-skeleton-title"></h3>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 60%"></div>
               </div>
            </div>
            <div data-v-4d8a8acc="" class="van-skeleton van-skeleton--animate">
               <div class="van-skeleton__content">
                  <h3 class="van-skeleton-title"></h3>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 100%"></div>
                  <div class="van-skeleton-paragraph" style="width: 60%"></div>
               </div>
            </div>
         </div>
      </div>

      <div data-v-3ba0459b="" class="dailySignIn__container" style="--76181987: 'Roboto', 'Inter', sans-serif">
         <div data-v-19888208="" data-v-3ba0459b="" class="navbar">
            <div data-v-19888208="" class="navbar-fixed wc"
               style="background: linear-gradient(90deg, #f95959 0%, #f95959 100%)">
               <div data-v-19888208="" class="navbar__content">
                  <div data-v-19888208="" class="navbar__content-left" onclick="history.back()">
                     <i data-v-19888208="" class="van-badge__wrapper van-icon van-icon-arrow-left"></i>
                  </div>
                  <div data-v-19888208="" class="navbar__content-center">
                     <div data-v-19888208="" class="navbar__content-title">Attendance</div>
                  </div>
                  <div data-v-19888208="" class="navbar__content-right"></div>
               </div>
            </div>
         </div>
         <div data-v-3ba0459b="" class="dailySignIn__container-hero">
            <div data-v-3ba0459b="" class="dailySignIn__container-hero__header">
               <h1 data-v-3ba0459b="">Attendance bonus</h1>
               <p data-v-3ba0459b="">Get rewards based on consecutive login days</p>
               <p data-v-3ba0459b="">Attended consecutively <span data-v-3ba0459b=""
                     id="attendance_days_display">0</span> Day</p>
               <h1 data-v-3ba0459b="">Accumulated <span data-v-3ba0459b="" id="accumulated_amount_display">₹0.00</span>
               </h1>
            </div>
            <div data-v-3ba0459b="" class="dailySignIn__container-hero__footer"><button data-v-3ba0459b=""
                  onclick="location.href='/attendance/rules'">Game Rules</button><button data-v-3ba0459b=""
                  onclick="location.href='/attendance/record'">Attendance history</button></div>
            <div data-v-3ba0459b="" class="img-wrap"></div>
         </div>
         <div data-v-3ba0459b="" class="white-wrapper"></div>
         <div data-v-3ba0459b="" class="dailySignIn__container-content">
            <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper">
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹5.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">1 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹18.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">2 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹100.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">3 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹200.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">4 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹400.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">5 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹3,000.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="" data-origin="https://bigmumbai4.com/assets/png/coin-bf31faf3.png"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">6 Day</span>
               </div>
               <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block">
                  <div data-v-3ba0459b="" class="dailySignIn__container-content__wrapper-block__header">
                     <div data-v-3ba0459b="" class="daySevenGift"></div>
                     <span data-v-3ba0459b="" class="dayHeader">₹7,000.00</span>
                  </div>
                  <img data-v-3ba0459b="" class="ar-lazyload"
                     src="https://bigmumbai4.com/assets/png/coin-bf31faf3.png" /><span data-v-3ba0459b=""
                     class="days-span">7 Day</span>
               </div>
            </div>
            <div data-v-3ba0459b="" class="dailySignIn__container-content__footer">
               <div data-v-3ba0459b="" class="btn-wrapper"><button data-v-3ba0459b="" class=""
                     onclick="claimBonus()">Attendance</button></div>
            </div>
         </div>
      </div>
      <div class="customer" id="customerId" onclick="location.href='/support'"
         style="--76181987: 'Roboto', 'Inter', sans-serif; --17a7a9f6: bahnschrift"><img class=""
            data-origin="https://bigmumbai4.com/assets/png/icon_sevice-af9dd176.png"
            src="https://bigmumbai4.com/assets/png/icon_sevice-af9dd176.png" /></div>
   </div>

   <div role="dialog" tabindex="0" id="successTost"
      class="van-popup van-popup--center van-toast van-toast--middle van-toast--success"
      style="z-index: 2005; display: none">
      <i class="van-badge__wrapper van-icon van-icon-success van-toast__icon"></i>
      <div class="van-toast__text">Copy successful</div>
   </div>
   <div role="dialog" tabindex="0" id="failedTost"
      class="van-popup van-popup--center van-toast van-toast--middle van-toast--break-word van-toast--fail"
      style="z-index: 2004; display: none">
      <i class="van-badge__wrapper van-icon van-icon-fail van-toast__icon"></i>
      <div class="van-toast__text">Error: 183 Please bind your bank card first</div>
   </div>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.8/axios.min.js"
      integrity="sha512-PJa3oQSLWRB7wHZ7GQ/g+qyv6r4mbuhmiDb8BjSFZ8NZ2a42oTtAq5n0ucWAwcQDlikAtkub+tPVCw4np27WCg=="
      crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

   <script>
      function formatIndianNumber(num) {
         let formattedNum = new Intl.NumberFormat("en-IN", {
            maximumFractionDigits: 2,
            minimumFractionDigits: 2,
         }).format(num)
         return formattedNum
      }
      function getOrdinal(n) {
         let s = ["th", "st", "nd", "rd"],
            v = n % 100
         return n + (s[(v - 20) % 10] || s[v] || s[0])
      }

      const initAttendanceBonus = async () => {
         try {
            const response = await axios.get("/api/activity/attendance_bonus")

            if (response.data.status === true) {
               $("#attendance_days_display").html(getOrdinal(response?.data?.data?.days || 0))
            }

            const response2 = await axios.get("/api/webapi/GetUserInfo")

            if (response2.data.status === true) {
               $("#accumulated_amount_display").html(`₹${formatIndianNumber(response2?.data?.data?.money_user)}`)
            }
         } catch (error) {
            console.log(error)
         }
      }

      initAttendanceBonus()

      const claimBonus = async () => {
         try {
            const response = await axios.post("/api/activity/attendance_bonus/claim")

            if (response.data.status === true) {
               await initAttendanceBonus()
               $(".van-toast__text").text(response.data.message)
               $("#successTost").fadeIn(220)
            } else {
               $(".van-toast__text").text(response.data.message)
               $("#failedTost").fadeIn(220)
            }

            setTimeout(() => {
               $("#failedTost").fadeOut()
               $("#successTost").fadeOut()
            }, 3000)
         } catch (error) {
            console.log(error)
            if (error.response.data.status === false) {
               $(".van-toast__text").text(error.response.data.message)
               $("#failedTost").fadeIn(220)

               setTimeout(() => {
                  $("#failedTost").fadeOut()
                  $("#successTost").fadeOut()
               }, 1600)
            }
         }
      }
   </script>
</body>

</html>