<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <title>Blog</title> 
  <link rel="stylesheet" href="/mamber/layui.css"> 
  <link rel="stylesheet" href="/mamber/common.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/css/layui.min.css">
  <style>
        .blog_header{
            background: linear-gradient( 133deg, #063D9E 0%, #0062E1 99%);
            border-radius: 0px 0px 0px 0px;
            height: 120px;
        }
        .blog_contents{
            position: relative;
            background: none;
            margin: 15px;
            margin-bottom: 200px;
        }
        .bold_card{
            background: #FFFFFF;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 16px;
        }
        .bold_card .card_header{
            display: flex;
            justify-content: space-between;

        }
        .bold_card .card_header .title{
            display: flex;
            justify-content: left;

        }
        .bold_card .card_header .title .info{
            padding-left: 10px;
        }
        .bold_card .card_header .title .nickname{
            font-family: Arial, Arial;
            font-weight: 700;
            font-size: 16px;
            color: #333333;
            line-height: 18px;
        }
        .bold_card .card_header .title .account{
            font-family: Arial, Arial;
            font-weight: 400;
            font-size: 14px;
            color: #818393;
            line-height: 16px;
        }
        .bold_card .card_header .gold_bg{
            width: 40px;
            height: 40px;
            background-image:url("/mamber/img/gold_bg.png") ;
            background-size: 40px 40px;
            background-repeat: no-repeat;
            line-height: 40px;
            font-family: Arial, Arial;
            font-weight: 700;
            font-size: 12px;
            color: #FCAA00;
            text-align: center;
        }
        .bold_card .contents {
            margin-left: 40px;
        }
        .bold_card .contents .text{
            font-family: Arial, Arial;
            font-weight: 400;
            font-size: 16px;
            color: #666666;
            line-height: 20px;
            margin: 10px 0;
        }
        .blog_img{
            width: 100%;
            min-height: 84px;
        }
        .avatar{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #EEEEEE;
        }
        .footer{
            margin-left: 40px ;
            display: flex;
            justify-content: space-between;
        }
        .footer   img{
            width: 16px;
            height: 16px;
        }
        .date{
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 14px;
            color: #888888;
            line-height: 14px;
        }
        .icon{font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 16px;
            color: #FCAA00;}
        .layui-layer-msg{min-width:180px;border:1px solid #d3d4d3;box-shadow:none}
        .layui-carousel{
            background: none;
            border-radius: 44px 12px 44px 12px;
        }
        .layui-carousel>[carousel-item] {
            border-radius: 44px 12px 44px 12px;
            background: none;
        }
    </style> 
 </head> 
 <body class="common_body">
<div class="common_header" style="background:#e7cca0;height: 197px">
<!--    <div class="club_header_title">Câu lạc bộ</div>-->
    <a href="javascript:history.back(-1)" class="back position" style="color: #ffffff">
        <p class="btn" style="color: #ffffff"><i class="layui-icon layui-icon-left layui-font-20"></i></p>
        Blog    </a>
</div>

<div class="blog_contents" id="blog_contents" style="overflow: hidden; position: relative;top: -100px">
@foreach(\App\Models\WithdrawProof::where('status', 'approved')->orderByDesc('id')->get() as $proof)
    <?php $user = \App\Models\User::find($proof->user_id); ?>
<div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_17" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="{{ asset($proof->photo) }}"></div>
 <div class="layui-this layui-carousel-left"><img src="{{ asset($proof->photo) }}"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/mamber/img/avatar.png">
               <div class="club_info">
                   <div class="club_name">new </div>
                   <div class="club_account">{{ substr($user->phone ?? '********', 0, 2) }}****{{ substr($user->phone ?? '********', -2) }}</div>
               </div>
           </div>

           <div class="club_reward">
               ₱{{ number_format($proof->reward_amount) }}         </div>

       </div>
       <div class="club_content">
{{ $proof->comment }}       </div>
       <div class="date">{{ $proof->created_at->format('Y-m-d H:i:s') }}</div>
    </div>
</div>@endforeach<!--
@foreach(\App\Models\WithdrawProof::where('status', 'approved')->orderByDesc('id')->get() as $proof)
    <?php $user = \App\Models\User::find($proof->user_id); ?>
<div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_16" lay-anim="fade" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-this"><img src="/public/uploads/blog/20250703133625513375725157.jpg"></div>
        </div></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">97****39</div>
               </div>
           </div>

           <div class="club_reward">
               ₱9           </div>

       </div>
       <div class="club_content">
Thank youuu ang bilisss pasok agad❤️🤏       </div>
       <div class="date">2025-07-03 13:36:34</div>
    </div>@endforeach
<!--/div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_15" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703131827513338856220.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703131831513338340237.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/blog/20250703135438513338668034.jpg">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">92****07</div>
               </div>
           </div>

           <div class="club_reward">
               ₱7           </div>

       </div>
       <div class="club_content">
RELIABLE GROWTH FUNDS! LEGIT EARNING MONEY MAKING SITE! 
JOIN NOW AND LETS EARN BIG MONEY       </div>
       <div class="date">2025-07-03 13:19:08</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_14" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703130949513481877244.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703130955513481240519.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">94****2 </div>
               </div>
           </div>

           <div class="club_reward">
               ₱9           </div>

       </div>
       <div class="club_content">
Ang pang malakasan       </div>
       <div class="date">2025-07-03 13:09:59</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_13" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703130442513341246500.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703130458513341195570.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">98****84</div>
               </div>
           </div>

           <div class="club_reward">
               ₱16           </div>

       </div>
       <div class="club_content">
First Withdrawal super legit guys, invest na kayo       </div>
       <div class="date">2025-07-03 13:05:29</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_12" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703130518513500855697.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703130524513500693691.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">93****77</div>
               </div>
           </div>

           <div class="club_reward">
               ₱8           </div>

       </div>
       <div class="club_content">
Thank you my 1st withdrawal       </div>
       <div class="date">2025-07-03 13:05:28</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_10" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703123504513405152009.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703123509513405293203.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">09****70</div>
               </div>
           </div>

           <div class="club_reward">
               ₱8           </div>

       </div>
       <div class="club_content">
Sulti napaka smooth       </div>
       <div class="date">2025-07-03 12:35:15</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_8" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703122823513391671309.png"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703122828513391762778.png"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">94****27</div>
               </div>
           </div>

           <div class="club_reward">
               ₱15           </div>

       </div>
       <div class="club_content">
Paldo       </div>
       <div class="date">2025-07-03 12:28:32</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_7" lay-anim="fade" lay-indicator="inside" lay-arrow="hover" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-carousel-next layui-carousel-left"><img src="/public/uploads/blog/20250703122740513381325256.jpg"></div>
 <div class="layui-this layui-carousel-left"><img src="/public/uploads/blog/20250703122744513381576737.jpg"></div>
        </div><div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">91****89</div>
               </div>
           </div>

           <div class="club_reward">
               ₱11           </div>

       </div>
       <div class="club_content">
My very first withdrawal. Thank you       </div>
       <div class="date">2025-07-03 12:27:57</div>
    </div>
</div><div class="club_card flex_left">
    <div class="publish_left">
       <div class="layui-carousel publish_image_1" id="publish_image_3" lay-anim="fade" style="width: 124px; height: 170px;">
 <div carousel-item=""> <div class="layui-this"><img src="/public/uploads/blog/20250703112806513353821868.jpg"></div>
        </div></div>
    </div>
    <div class="publish_right">
       <div class="club_user flex_space">
           <div class="flex_left">
               <img class="club_avatar" src="/public/uploads/user/avatar.png">
               <div class="club_info">
                   <div class="club_name">New User</div>
                   <div class="club_account">95****53</div>
               </div>
           </div>

           <div class="club_reward">
               ₱15           </div>

       </div>
       <div class="club_content">
Lakas! Dumating na ang pang long-term.       </div>
       <div class="date">2025-07-03 11:28:29</div>
    </div>-->
</div><div class="layui-flow-more"><a href="javascript:;"><cite>Load more</cite></a></div></div>
<!--<div id="club_dialog" class="position" style="width: 100%; height: 400px; background: #FFFFFF; display: none;">
  <div style="padding: 20px;">
    <div style="text-align: center">
      <img src="/public/site/img/blog/rule_icon.png" style="width: 160px; height: 160px;">
    </div>
    <div class="club_title">
      Share a screenshot of a successful withdrawal to receive a cash reward
    </div>
    <div class="club_text" style="font-family: Arial, Arial; font-weight: 400; font-size: 14px; color: #474747; line-height: 16px; margin-top: 10px;">
      Please upload a screenshot of your most recent successful withdrawal in the comments section.
      Once verified, you will immediately receive a cash reward between
      1 and 50.
    </div>
    <div style="margin: auto; text-align: center; width: 100%">
      <a href="/publish" class="layui-btn know_btn"> Got it </a>
    </div>
  </div>
</div>-->





<div class="footer_menu">
  <div class="content">
    <a href="/" class="item ">
      <img src="/mamber/img/logo.svg">
      <p>About</p>
    </a>
    <a href="/invest" class="item ">
      <img src="/mamber/img/INCEST.svg">
      <p>Investments</p>
    </a>
    
    <a href="/club" class="item ">
      <img src="/mamber/img/clbu.jpg" style="width:28px;">
      <p>Club</p>
    </a>
    
     <a href="/myTeam" class="item ">
      <img src="/mamber/img/GIFTBOS.svg">
      <p>Welfare</p>
    </a>
    
    <a href="/account" class="item ">
      <img src="/mamber/img/Account.svg">
      <p>Account</p>
    </a>
  </div>
</div>

<div id="blog_post" style="position:fixed;right:0px;bottom:100px;background: none;border-radius: 100px 100px 100px 100px;width: 50px;height:120px;padding: 10px 0">
    <!--<a href="javascript:" class="rules" style="text-align: center;" >-->
    <!--    <img src="/public/site/img/blog/rules.png" style="width: 36px;height:36px;display: inline-block;text-align: center;padding-left: 8px">-->
    <!--    <p class="rules_tip" style="color: #666666">Standard</p>-->
    <!--</a>-->
    <a href="/publish" style="">
        <img src="/mamber/img/publish.png" style="width: 36px;height: 36px;padding-left: 8px;margin-top: 10px">
        <p class="rules_tip" style="color: #666666;text-align: center"></p>
    </a>
</div>


<!-- body 末尾处引入 layui -->
<script src="/mamber/layui.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/layui.min.js"></script>
<script>
layui.use(['carousel'], function(){
  var carousel = layui.carousel;
  @foreach(\App\Models\WithdrawProof::where('status', 'approved')->orderByDesc('id')->get() as $proof)
    carousel.render({
      elem: '#publish_image_{{ $proof->id }}',
      width: '124px',
      height: '170px',
      arrow: 'hover',
      anim: 'fade'
    });
  @endforeach
});
</script>
</body>