<html class="pixel-ratio-3 retina android android-5 android-5-0 watch-active-state">
 <head> 
  <meta -equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> 
  <meta name="apple-mobile-web-app-capable" content="yes"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta -equiv="pragma" content="no-cache"> 
  <meta -equiv="cache-control" content="no-cache"> 
  <meta -equiv="expires" content="0"> 
  <title>BM Recharge Record</title> 
  <link rel="stylesheet" href="/static/home/css/app.css?v=5.8"> 
  <link rel="stylesheet" href="/static/home/css/iconfont.css"> 
  <link rel="stylesheet" type="text/css" href="/static/home/css/dropload.css"> 
  <style type="text/css">
    * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .tixianlog-log {
        margin-top: 50px;
        padding: 0;
    }

    .tixianlog-log li {
        border-bottom: 1px solid #f2f2f2;
        padding: 0.1rem 0 0.5rem;
    }

    .tixianlog-log-top {
        font-weight: 400;
        font-size: 13px;
    }

    .tixianlog-log-boy {
        width: 100%;
    }

    .tixianlog-log-boy span {
        width: 50%;
        float: left;
    }

    .tixianlog-log-boy span:first-child {
        text-align: left;
    }

    .tixianlog-log-boy span:last-child {
        text-align: right;
    }

    .rlist {
        padding: 20px 0px 0px 0px;
        font-size: 14px;
        color: #888888;
        margin-top: 20px;
    }

    .ritem {
        background-color: #fff;
        /* border-radius: 15px; */
        box-shadow: 0 0 10px #dddddd;
        /* margin: 20px 0; */
        margin-bottom: 10px;
    }

    .ritem_title {
        background-color: #303353;
        ;
        color: #fff;
        /* border-radius: 15px 15px 0 0; */
        padding: 5px 15px;
        line-height: 30px;
    }

    .ritem_box {
        padding: 10px 0;
    }

    .ritem_con_left {
        padding: 0px 20px;
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        line-height: 20px;
        width: 40%;
    }

    .ritem_con_right {
        padding: 0px 20px;
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        line-height: 20px;
        width: 40%;
        float: right;
    }

    .ritem_con .title {
        width: 80px;
    }

    .ritem_con .con {
        width: calc(100% - 80px);
    }

    .jine {
        font-weight: bold;
        color: #303353;
    }

    .jine_right {
        position: absolute;
        right: 20px;
    }

    .msg_date {
        position: absolute;
        right: 20px;
    }

    .state_type {
        /* color: #fff; */
        /* padding: 2px 10px; */
        border-radius: 20px;
    }

    /* .error {
        background-color: #db0000;
    }

    .success {
        background-color: #61be49;
    }

    .waiting {
        background-color: #b3afaf;
    } */
    </style> 
  <link id="layuicss-layer" rel="stylesheet" href="https://bm-ph.shop/static/home/layui/css/modules/layer/default/layer.css?v=3.1.1" media="all">
 </head> 
 <body style="background: #fafafa;"> 
  <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 Record
     </div> 
     <div class="right"></div> 
    </div> 
   </div> 
   <div class="page navbar-fixed"> 
    <div class="rlist">
    @foreach(\App\Models\Deposit::where('user_id', auth()->id())->orderByDesc('id')->get() as $element)
     <div class="ritem"> 
      <div class="ritem_box"> 
       <div class="ritem_con_left"> 
        <div class="msg jine">
         {{$element->order_id}}
        </div> 
        <div class="msg jine_right">
         {{price($element->amount)}}
        </div> 
       </div> 
       <div class="ritem_con_right"> 
       </div> 
       <div class="ritem_con_left">
        <div class="msg">
         <div class="state_type waiting">
          {{$element->status}}
         </div>
        </div> 
        <div class="msg_date">
         {{$element->created_at}}
        </div> 
       </div>
      
      
       <div class="ritem_con_right"> 
       </div> 
      </div>
     </div>@endforeach
    


     </div>
    </div> 
   </div> 
   <div style="height: 60px;"></div> 
   <style>
    .game1 {
        border-radius: 50%;
        animation: rotate1 2s linear infinite;
    }

    @keyframes  rotate1 {
        0% {
            transform: rotateZ(0deg);
        }

        100% {
            transform: rotateZ(360deg);
        }
    }
</style> 
   <footer> 
    <div class="foot_bo"> 
     <a onclick="window.location.href='{{route('dashboard')}}'"> <img src="/static/home/img/i1.png"> <p>Home</p> </a> 
    </div> 
    <div class="foot_bo"> 
     <a onclick="window.location.href='{{route('vip')}}'"> <img src="/static/home/img/i11.png"> <p>Products</p> </a> 
    </div> 
    <div class="foot_bo"> 
     <a onclick="window.location.href='{{route('user.team')}}'"> <img src="/static/home/img/i7.png"> <p>Share</p> </a> 
    </div>
    <div class="foot_bo"> 
     <a onclick="window.location.href='{{route('profile')}}'"> <img src="/static/home/img/i10.png"> <p class="xz">My</p> </a> 
    </div> 
   </footer> 
  </div> 
   