<html lang="en">
 <head> 
  <meta -equiv="Content-Type" content="text/html; charset=utf-8"> 
  <meta name="renderer" content="webkit"> 
  <meta -equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
  <meta name="format-detection" content="telephone=no,email=no,adress=no"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
  <title>BM Recharge</title> 
  <!--<link rel="stylesheet" href="/static/home/css/framework7.ios.min.css">--> 
  <link rel="stylesheet" href="/static/home/css/app.css?v=5.8"> 
  <link rel="stylesheet" href="/static/home/css/iconfont.css"> 
  <link href="https://bm-ph.shop/static/home/js/need/layer.css?2.0" type="text/css" rel="styleSheet" id="layermcss"> 
  <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background: #303353;
    }


    .navbar {
        position: absolute;
        top: 0;
        width: 100%;
        line-height: 40px;
        z-index: 20;
    }

    .navbar .left {
        width: 50px;
        height: 40px;
        position: absolute;
        left: 10px;
    }

    .navbar .right {
        width: 50px;
        height: 40px;
        position: absolute;
        right: 10px;
    }

    .checkin-img {
        position: relative;
        width: 250px;
        height: 230px;
        margin: 60px auto;
    }

    .checkin-img-xin {
        position: absolute;
        top: 0;
        left: 0;
    }

    .checkin-img-people {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
    }

    .checkin-img img {
        width: 100%;
        height: auto;
    }

    .checkin-img-people img {
        width: 60%;

    }

    .checkin-title-container {
        width: 100%;
        height: 60px;
        margin-top: -40px;
    }

    .checkin-title-border {
        width: 94%;
        height: 100%;
        background: #fff;
        margin: 0 auto;
        border-radius: 5px;
    }

    .checkin-title-content {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 60px;
    }

    .checkin-profit-container {
        width: 100%;
        height: 120px;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .checkin-profit-border-left {
        width: 46%;
        height: 100%;
        background: #fff;
        margin-right: 1%;
        border-radius: 5px;
    }

    .checkin-profit-border-right {
        width: 46%;
        height: 100%;
        background: #fff;
        margin-left: 1%;
        border-radius: 5px;
    }

    .checkin-profit-img {
        height: 40px;
        text-align: center;
        margin-top: 10px;
    }

    .checkin-profit-img img {
        height: 100%;
    }

    .checkin-profit-content {
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
    }

    .checkin-profit-distribute {
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
    }

    .checkin-btn-container {
        width: 100%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .checkin-btn {
        width: 200px;
        height: 40px;
        border-radius: 5px;
        background: #FFDD61;
        margin-top: 10px;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }

    .checkin-tips-container {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: left;
    }

    .checkin-tips-border {
        width: 94%;
        height: 100%;
        margin: 0 auto;
        color: #fff;
    }
    </style> 
 </head> 
 <body> 
  <div class="views"> 
   <div class="navbar theme-white"> 
    <div class="navbar-inner"> 
     <div class="left"> 
      <a href="javascript:history.back();" class="external link"> <i class="icon iconfont icon-angleleft"></i>Back </a> 
     </div> 
     <div class="center" style="left: -24px; color: #303353;">
       Recharge
     </div> 
     <div class="right"></div> 
    </div> 
   </div> 
   <div class="checkin-img"> 
    <div class="checkin-img-xin"> 
     <img src="/static/home/img/bemine/b0.png" alt=""> 
    </div> 
    <div class="checkin-img-people"> 
     <img src="/static/home/img/bemine/b1.png" alt=""> 
    </div> 
   </div> 
   <div class="checkin-title-container"> 
    <div class="checkin-title-border"> 
     <div class="checkin-title-content"> 
      <p>Daily Check-in Bonus:{{price(setting('checkin'))}}</p> 
     </div> 
    </div> 
   </div> 
   <div class="checkin-profit-container"> 
    <div class="checkin-profit-border-left"> 
     <div class="checkin-profit-img"> 
      <img src="/static/home/img/bemine/c2.png" alt=""> 
     </div> 
     <div class="checkin-profit-content"> 
      <p>{{price(auth()->user()->balance)}}</p> 
     </div> 
     <div class="checkin-profit-distribute"> 
      <p>Account balance</p> 
     </div> 
    </div> 
    <div class="checkin-profit-border-right"> 
     <div class="checkin-profit-img"> 
      <img src="/static/home/img/bemine/c3.png" alt=""> 
     </div> 
     <div class="checkin-profit-content"> 
      <p>{{price(setting('checkin'))}}</p> 
     </div> 
     <div class="checkin-profit-distribute"> 
      <p>Daily Check-in Income</p> 
     </div> 
    </div> 
   </div> 
   <div class="checkin-btn-container"> 
    <button class="checkin-btn"  acvite style="background: #ccc;"> <p id="checkin"
                     onclick="checkin()">Check-in</p> </button> 
   </div> 
   <div class="checkin-tips-container"> 
    <div class="checkin-tips-border"> 
     <p>tips:</p> 
     <p>1. Free daily gift worth {{price(setting('checkin'))}}</p> 
     <p>2. You can check in once a day.</p> 
     <p>3. After 24:00 each day, you can check in again.</p> 
    </div> 
   </div>
   <div class="kefu">
    <a onclick="window.location.href='{{url('spin')}}'"><img src="/static/home/img/images (16).jpeg" alt="spin"></a>
</div>
   @include('alert-message')
<img style="position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;" src="{{asset('public/loading.gif')}}" class="loading" alt="">
<script>
    function checkin(){
        document.querySelector('.loading').style.display = 'block';
        window.location.href='{{route('user.checkin')}}'
    }
</script>

</body>
</html>
   