<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <title>Team Level</title> 
  <link rel="stylesheet" href="/mamber/layui.css"> 
  <link rel="stylesheet" href="/mamber/common.css"> 
  <link rel="stylesheet" href="/mamber/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/css/layui.min.css">
  <style>
        .team_card{
            margin-top: 25px;
            background-color: #FFFFFF;
            height: 166px;
            padding: 0 17px;
            border-radius: 20px;
        }
        .label{
            font-family: Arial, Arial;
            font-weight: 400;
            font-size: 14px;
            color: #95FCBE;
            line-height: 22px;
        }
        .value{
            font-family: Arial, Arial;
            font-weight: 700;
            font-size: 24px;
            color: #FFFB00;
            line-height: 28px;
        }
        .member_level{
            width: 80px;
        }
        .level{
            font-family: Arial, Arial;
            font-weight: 400;
            font-size: 16px;
            color: #888888;
            line-height: 22px;
            text-align: left;
            font-style: normal;
            text-transform: none;
            padding-bottom: 10px;
        }
        .level_active{
            font-family: Arial, Arial;
            font-weight: 700;
            font-size: 16px;
            color: #0C4282;
            line-height: 22px;
            text-align: left;
            font-style: normal;
            text-transform: none;
            position: relative;

        }
        .level_active::after {
            content: "";
            position: absolute;
            bottom: 0; /* 定位到底部 */
            left: 30%; /* 起始位置 */
            width: 40%; /* 长度 */
            height: 4px; /* 高度 */
            background: linear-gradient( 270deg, #114180 0%, #833148 53%, #D32620 100%);
        }
    </style> 
 </head> 
 <body class="member_body"> 
  <div class="common_header" style="background: none"> 
   <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> Team Level </a> 
  </div> 
  <div class="team_main" style="margin-top: 30px;"> 
   <div class="common_card"> 
    <div class="flex_space"> 
     <a class="member_level " href="/myTeamMember/1"> 
      <div class="level level_active">
       Level 1
      </div> </a> 
     <a class="member_level" href="/myTeamMember/2"> 
      <div class="level ">
       Level 2
      </div> </a> 
     <a class="member_level" href="/myTeamMember/3"> 
      <div class="level ">
       Level 3
      </div> </a> 
    </div> 
    <div class="layui-row"> 
     <div class="layui-col-xs6 layui-col-md6"> 
      <p class="team_value" style="text-align: left"> <?php echo e($first_level_users->where('investor', 1)->count()); ?> </p> 
      <p class="team_label" style="text-align: left">Number of Invitations</p> 
     </div> 
     <div class="layui-col-xs6 layui-col-md6"> 
      <p class="team_value" style="text-align: left"> <?php echo e($first_level_users->where('investor', 1)->count()); ?> </p> 
      <p class="team_label" style="text-align: left">Number of Active Members</p> 
     </div> 
    </div> 
   </div> 
   <div style="background: none">
       <?php $__currentLoopData = $first_level_users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="common_card flex_left position">
     <img class="member_avatar" src="/public/uploads/user/avatar.png"> 
     <div class="member_info"> 
      <p class="member_info_title"><?php echo e(substr($user->phone, 0, 2)); ?>******<?php echo e(substr($user->phone, -2)); ?></p> 
      <p class="member_info_desc">Registration Date: <?php echo e($user->created_at); ?></p> 
     </div> 
    </div><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
   </div>
  </div> 
  <!--	底部内容-开始	  --> 
  <div id="service" style=""> 
   <!--<a href="/help">--> 
   <!--  <img src="/public/site/img/common/service.png" style="width: 32px;height: 32px;">--> 
   <!--</a>--> 
  </div> 
  <!--	底部内容-结束	  --> 
  <!-- body 末尾处引入 layui --> 
  <script>

</script> 
  <script>
    layui.use(function(){
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var laydate = layui.laydate;
        var slider = layui.slider;
        var element = layui.element;
        var swiper = new Swiper(".mySwiper", {
            slidesPerView: "auto",
            centeredSlides: true,
            initialSlide: 1,
            spaceBetween: 30,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            dynamicBullets: true,
            on: {
                slideChangeTransitionStart: function(){
                    var level = this.activeIndex;
                    $('.team_contents').removeClass('layui-show').addClass('layui-hide');
                    $('.team_' + level).removeClass('layui-hide').addClass('layui-show');
                },
            }
        });
    });
</script> 
 </body>
</html><?php /**PATH /home/zgvdquyg/public_html/resources/views/app/main/team/teama.blade.php ENDPATH**/ ?>