{include file="$template_path/html/header.html"}
{include file="$template_path/js/arc.html"}
{include file="$template_path/html/jstemplate.html"}
</head>
<body>
<div class="app" id="app">
  {include file="$template_path/html/mobile-nav.html"}
  <!-- content -->
  <div id="content" class="app-content" role="main">
    {include file="$template_path/html/pagenav.html"}
    <div class="app-body" id="view">
      <!-- ############ PAGE START-->
      <div class="clearfix text-center">
        <div class="container">
          {$errorMessage}
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-3 m-t-lg m-b-lg m-xs-t-none m-xs-b-none">
              <section class="box box-shadow-z4 p-t-md p-b-sm m-t-lg m-b-lg m-xs-t-none m-xs-b-md">
                <div class="box-heading h3 h3-xs">选择支付方式</div>
                <div class="box-body">


                  {foreach from=$payments_data item=pm}
                  <div class="radioimgs clearfix m-t m-b-md" id="radioimgs">
                    <label class="radioitem md-check">
                      <input class="checkbox has-value" checked="checked" id="paymentway_1" name="paymentway" type="radio" value="0" />
                      <i class="skin" style="margin-top: 10px;"></i>
                      <label for="paymentway_1">
                        <img class="option" src="{$template_data}img/alipay.jpg" width="260px" alt="使用支付宝支付"/>
                      </label>
                    </label>
                  </div>
                  <div class="submitbtn clr" id="submitbtn">
                    <div style="">{$pm.form[0]}</div>
                  </div>
                  {/foreach}
                  {literal}
                  <script type="text/javascript">
                    seajs.use(["jq"], function($){
                      var btns = $("#submitbtn").find("div");
                      $("#radioimgs").find("input[type='radio']").each(function(e){
                        $(this).click(function(){
                          btns.eq(e).show().siblings("div").hide();
                        });
                      });
                    });
                  </script>
                  {/literal}



                </div>
              </section>
            </div>
          </div>
        </div>
      </div>
      <!-- ############ PAGE END-->
    </div>
  </div>
  {include file="$template_path/html/backtop.html"}
  {include file="$template_path/html/mb-settings.html"}
  <!-- ############ LAYOUT END-->
</div>
</body>
</html>