{include file="default/base/mall_top" /}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/member.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/common.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/course.css">
<style>
  .main-other-qa{
        margin-bottom: 0;
        padding-bottom: 2rem;
    }
    .layui-layer-dialog .layui-layer-content{
        font-size: 0.9rem;
    }
    .layui-layer-btn .layui-layer-btn0{
        background: #3b52f6;
        border-color: #3b52f6;
    }
    .setBetween .item:nth-of-type(1):after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: #3b52f6;
        position: absolute;
        right: 0;
        top: 0;
    }
    .b3{
        display: flex;
        justify-content:center;
        align-items: center;
        width: auto!important;
    }
    .b3 .tag-munber{
         margin-left:20px;
    }
    .b3 .tag{
        padding: 0 1rem 0 1rem;
        height: 50px;
        font-size:1rem;
        text-align: center;
        line-height: 50px;
        color:white;
        border-radius: 10px;
        background:#3b52f6;
        margin-left:20px;
        cursor: pointer;
    }
    .form-wrap4 .form-mask{
    width:calc(100% - 125px);
}
.fm-4-list{
    margin-top:2rem!important;
    margin-bottom: 2rem!important;
    color:#3b52f6;
}
.fm-4-list .qustitle{
    margin-bottom:1rem;
    color:#3b52f6;
    
}
.fm-4-title{
    font-size: 0.9rem;
}
.ok{
    width:120px;
    height: 50px;
    font-size:1rem;
    text-align: center;
    line-height: 50px;
    color:#3b52f6;
    border-radius: 10px;
    border:1px solid #3b52f6;
    margin:20px auto;
}
</style>
<script>
  $(document).ready(function () {
    var total = 0;
    $.each($(".user-container .b .b4"), function () {
      console.log($(this).find("span").text() * 1);
      $(this).parents('tr').addClass('add');
      var num = $(this).find("span").text() * 1
      total += num;
      $(".total").text("$" + total)
    })
  })
</script>
<main class="user-container">
  <section class="main-center container">
      
    <div class="left">
    <a href="/Memberinformation/index.html">
        <!-- <i class="iconfont icon-yishoucang"></i> -->
        <span>Profile</span>
    </a>
    <a href="/Membersecurity/index.html">
        <!-- <i class="iconfont icon-pinglun1"></i> -->
        <span>Account</span>
    </a>
   <!-- <a href="./member-course.html">-->
    <a href="/Membercourse/index.html">
        <!-- <i class="iconfont icon-yiguanzhu"></i> -->
        <span>My Courses</span>
    </a>
    <a href="/Cart/index.html" class="active">
        <!-- <i class="iconfont icon-tuichu1"></i> -->
        <span>My Cart</span>
    </a>
    <a href="/Memberfavorites/fglist.html">
        <!-- <i class="iconfont icon-tuichu1"></i> -->
        <span>My Favorites</span>
    </a>
    <a href="/Memberorder/index.html">
        <!-- <i class="iconfont icon-tuichu1"></i> -->
        <span>Previous Orders</span>
    </a>
    <a href="/qa" target="_blank">
        <!-- <i class="iconfont icon-tuichu1"></i> -->
        <span>FAQ</span>
    </a>
</div>

<script>
    var pathName = window.location.pathname
    $.each($(".user-container .container .left a"),function(){
        if($(this).attr("href") == pathName){
            $(this).addClass("active").siblings().removeClass("active")
        }
    })
    
</script>

    <div class="right">
    <!--  <h1>My Cart</h1>-->
       <h2 class="c-tit">My Cart</h2>
      <!-- <h2 class="cart-tit">购物车</h2> -->
      <div class="content shopping-content">
        <form action="/Buy/buy_step1" method="POST" id="form_buy" name="form_buy">
             <input type="hidden" value="1" name="ifcart">
        <table>
          <tr class="t">
            <th>Course</th>
            <th>Subtotal</th>
          </tr>
          <?php foreach($cart_list as $cart_info) {?>
          <tr class="b">
            <td class="b1">
              <div>
                <input type="checkbox" class="numchange" {if $cart_info.state}checked{else/}disabled{/if} ds_type="eachGoodsCheckBox"
                  value="{$cart_info.cart_id}|{$cart_info.goods_num}" id="cart_id{$cart_info.cart_id}" name="cart_id[]">
                <div>
                  <span>course</span>
                  <h6><a href="{:url('/Goods/index',['goods_id'=>$cart_info.goods_id])}"
                      target="_blank">{$cart_info.goods_name}</a></h6>
                  <p>${$cart_info.goods_price}</p>
                </div>
              </div>
            </td>

            <td class="b3">
            </td>
            {if $cart_info.state}
            <td class="b4">$<span>{$cart_info.goods_total}</span>
            <em> <a href="javascript:void(0)" onclick="drop_cart_item({$cart_info.cart_id});">Delete</a></em>
            </td>
            {/if}
          </tr>
         
          <?php } ?>
        </table>
      </form>
       <!-- <p class="tip">*Add it to your final sales tax and note it before closing</p>-->

        <div class="pay-btn">
          <div href="javascript:void(0);" class="btn dsc-btn dsc-btn-acidblue" id="next_submitd">
             Next step, submit your registration information
</div>
        </div>
      </div>
    </div>
  </section>
  <!-- <section class="main-center rec-container">
    <h2>推荐课程</h2>
    <div class="content">
      <a href="" class="item">
        <div class="img"><img src="" alt=""></div>
        <div class="text">
          <h6>课程简介</h6>
          <p>这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介...</p>
        </div>
      </a>
      <a href="" class="item">
        <div class="img"><img src="" alt=""></div>
        <div class="text">
          <h6>课程简介</h6>
          <p>这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介...</p>
        </div>
      </a>
      <a href="" class="item">
        <div class="img"><img src="" alt=""></div>
        <div class="text">
          <h6>课程简介</h6>
          <p>这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介...</p>
        </div>
      </a>
      <a href="" class="item">
        <div class="img"><img src="" alt=""></div>
        <div class="text">
          <h6>课程简介</h6>
          <p>这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介绍这里是内容介...</p>
        </div>
      </a>
    </div>
  </section> -->
    <section class="container-mask form-wrap4">
      <div class="container form-mask">
        <div class="iconf close-iconf"></div>
        <div action="" onsubmit="return false" class="form-container form ui ">
          <h2 class="c1 fm-4-title">Please select the tags that best describe your actual circumstances. The pricing of your course will be affected by the tags you select</h2>
          <!--<p>You advisor will send the syllabus to you via email within 24 hours.</p>-->
          
            <form action="" method="">
              <div class="field fm-4-list">
                <div class="qustitle">1.question</div>
                <!--<input type="text" name="fname" id="email" placeholder="What email address can we reach you at?">-->
                <select style="width:200px;">
                  <option value ="volvo">Yes</option>
                  <option value ="saab">No</option>
                </select>
              </div>
              <div class="field fm-4-list">
                <div class="qustitle">2.question</div>
                <!--<input type="text" name="fname" id="email" placeholder="What email address can we reach you at?">-->
                <select style="width:200px;">
                  <option value ="volvo">Yes</option>
                  <option value ="saab">No</option>
                </select>
              </div>
              <div class="sub">
                <button type="submit" class="ui primary button onsubmitfrom onsubmitfrom4">Submit</button>
              </div>
            </form>
            
        </div>
      </div>
    </section>   
    
        <section class="container-mask form-wrap5">
      <div class="container form-mask"  style="max-width:34rem" >
        <div class="iconf close-iconf"></div>
        <div style="">
            
         <p style="font-size:20px; font-weight: 600">Please scan the WeChat QR Code to add our academic advisor and receive your registration information.</p>
              <img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
        </div>
        
        </div>
        </section>
</main>
{include file="default/base/mall_footer" /}
<script src="{$Think.HOME_SITE_ROOT}/js/goods_cart.js"></script>
<script>
// function drop_cart_item(){


//     layer.confirm('Please contact us at partnerships@lightglobal.org', {
//         title: false,
//     }, function (cart_confirm) {


//     });

// }
        $(".onsubmitfrom4").click(function(){
             layer.msg("Success");
             setTimeout(function(){
                $(".form-wrap4").removeClass('show');
             },100);
        })
        $('.seletstag').on('click',function(){
            $(".form-wrap4").addClass('show');
        })
  $('#next_submitd').on('click',function(){
      
        $(".form-wrap5").addClass('show')
        
     
    });
$(document).ready(function(){
    $(".numchange").change(function() {   
        var status = $(this).is(':checked');
        if(status){
            $(this).parents().parents().parents('tr').addClass('add');
        }else{
            $(this).parents().parents().parents('tr').removeClass('add');
        }
        var total = 0;
        $.each($(".user-container .add .b4"), function () {
          var num = $(this).find("span").text() * 1
          total += num;
          $(".total").text("$" + total);
        })
        $(".total").text("$" + total);
    });
});
  
  // 到登录之前存储现在地址
  $(".tips-wrap .more-btn a").click(function(){
      localStorage.setItem('href', JSON.stringify(window.location.href))
  })
</script>