{include file="public/joinin_header" /}
<div class="breadcrumb"><span class="icon-home"></span><span><a href="{:url('/Home/Index/index')}">首页</a></span> <span class="arrow">></span> <span>商家入驻申请</span> </div>
<div class="main">
    <div class="sidebar">
        <div class="title">
            <h3>商家入驻申请</h3>
        </div>
        <div class="content">
            <dl>
                <dt class="<?php echo $sub_step == 'step0' ? 'current' : '';?>"> <i class="hide"></i>签订入驻协议</dt>
            </dl>
            <dl show_id="0">
                <dt onclick="show_list('0');" style="cursor: pointer;"> <i class="show"></i>提交申请</dt>
                <dd>
                    <ul>
                        <li class="<?php echo $sub_step == 'step1' ? 'current' : '';?>"><i></i>店铺资质信息</li>
                        <li class="<?php echo $sub_step == 'step2' ? 'current' : '';?>"><i></i>财务资质信息</li>
                        <li class="<?php echo $sub_step == 'step3' ? 'current' : '';?>"><i></i>店铺经营信息</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt class="<?php echo $sub_step == 'pay' ? 'current' : '';?>"> <i class="hide"></i>合同签订及缴费</dt>
            </dl>
            <dl>
                <dt> <i class="hide"></i>店铺开通</dt>
            </dl>
        </div>
        <div class="title">
            <h3>平台联系方式</h3>
        </div>
        <div class="content">
            <ul>
                <li>电话：<?php echo config('site_phone');?></li>
                <li>邮箱：<?php echo config('site_email');?></li>
            </ul> 
        </div>
    </div>
    <div class="right-layout">
        <div class="joinin-step">
            <ul>
                <li class="step1 <?php echo $sub_step >= 'step0' ? 'current' : '';?><?php echo $sub_step == 'pay' ? 'current' : '';?>"><span>签订入驻协议</span></li>
                <li class="<?php echo $sub_step >= 'step1' ? 'current' : '';?><?php echo $sub_step == 'pay' ? 'current' : '';?>"><span>店铺资质信息</span></li>
                <li class="<?php echo $sub_step >= 'step2' ? 'current' : '';?><?php echo $sub_step == 'pay' ? 'current' : '';?>"><span>财务资质信息</span></li>
                <li class="<?php echo $sub_step >= 'step3' ? 'current' : '';?><?php echo $sub_step == 'pay' ? 'current' : '';?>"><span>店铺经营信息</span></li>
                <li class="<?php echo $sub_step >= 'step4' ? 'current' : '';?><?php echo $sub_step == 'pay' ? 'current' : '';?>"><span>合同签订及缴费</span></li>
                <li class="step6"><span>店铺开通</span></li>
            </ul>
        </div>
        <div class="joinin-concrete">










<!-- 店铺信息 -->

<div id="apply_store_info" class="apply-store-info">
  <div class="alert">
    <h4>注意事项：</h4>
    店铺经营类目为商城商品分类，请根据实际运营情况添加一个或多个经营类目。</div>
    <form id="form_store_info" action="{:url('/Home/Sellerjoininc2c/step4')}" method="post" >
      <table border="0" cellpadding="0" cellspacing="0" class="all">
        <thead>
          <tr>
            <th colspan="20">店铺经营信息</th>
          </tr>
        </thead>
        <tbody>
        <tr>
          <th class="w150"><i>*</i>商家账号：</th>
          <td><input id="seller_name" name="seller_name" type="text" class="w200"/>
            <span></span>
            <p class="emphasis">此账号为日后登录并管理商家中心时使用，注册后不可修改，请牢记。</p></td>
        </tr>
        <tr>
          <th class="w150"><i>*</i>店铺名称：</th>
          <td><input name="store_name" type="text" class="w200"/>
            <span></span>
            <p class="emphasis">店铺名称注册后不可修改，请认真填写。</p></td>
        </tr>
        <tr>
            <th><i>*</i>店铺等级：</th>
            <td><select name="sg_id" id="sg_id">
                <option value="0">请选择</option>
                <?php if(!empty($grade_list) && is_array($grade_list)){ ?>
                <?php foreach($grade_list as $k => $v){ ?>
                <?php $goods_limit = empty($v['sg_goods_limit'])?'不限':$v['sg_goods_limit'];?>
                <?php $explain = '商品数：'.$goods_limit.' 模板数：'.$v['sg_template_number'].' 收费标准：'.$v['sg_price'].' 附加功能：'.$v['function_str'];?>
                <option value="<?php echo $v['sg_id'];?>" data-explain="<?php echo $explain;?>"><?php echo $v['sg_name'];?></option>
                <?php } ?>
                <?php } ?>
              </select>
              <input id="sg_name" name="sg_name" type="hidden" />
              <span></span>
              <div id="grade_explain" class="grade_explain"></div></td>
          </tr>
        <tr>
          <th><i>*</i>开店时长：</th>
          <td><select name="joinin_year" id="joinin_year">
              <option value="1">1 年</option>
              <option value="2">2 年</option>
            </select></td>
        </tr>
        <tr>
          <th><i>*</i>店铺分类：</th>
          <td><select name="sc_id" id="sc_id">
              <option value="">请选择</option>
              <?php if(!empty($store_class) && is_array($store_class)){ ?>
              <?php foreach($store_class as $k => $v){ ?>
              <option value="<?php echo $v['sc_id'];?>"><?php echo $v['sc_name'];?> (保证金：<?php echo $v['sc_bail'];?> 元)</option>
              <?php } ?>
              <?php } ?>
            </select>
            <span></span>
            <p class="emphasis">请根据您所经营的内容认真选择店铺分类，注册后商家不可自行修改。</p></td>
        </tr>
        <tr>
          <th><i>*</i>经营类目：</th>
          <td><a href="###" id="btn_select_category" class="btn">+选择添加类目</a>
            <div id="gcategory" style="display:none;">
              <select id="gcategory_class1">
                <option value="0">请选择</option>
                <?php if(!empty($gc_list) && is_array($gc_list) ) {?>
                <?php foreach ($gc_list as $gc) {?>
                <option value="<?php echo $gc['gc_id'];?>" data-explain="<?php echo $gc['commis_rate'];?>"><?php echo $gc['gc_name'];?></option>
                <?php }?>
                <?php }?>
              </select>
              <input id="btn_add_category" type="button" value="确认" />
              <input id="btn_cancel_category" type="button" value="取消" />
            </div>
            <input id="store_class" name="store_class" type="hidden" />
            <span></span>
	    <p class="emphasis" id="gc_classtip"></p>
	    </td>
        </tr>
        <tr>
          <td colspan="2"><table border="0" cellpadding="0" cellspacing="0" id="table_category" class="type">
              <thead>
                <tr>
                  <th class="w120 tc">一级类目</th>
                  <th class="w120 tc">二级类目</th>
                  <th class="tc">三级类目</th>
                  <th class="w50 tc">操作</th>
                </tr>
              </thead>
            </table></td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="20">&nbsp;</td>
        </tr>
      </tfoot>
    </table>
  </form>
  <div class="bottom"><a id="btn_apply_store_next" href="javascript:;" class="btn">提交申请</a>
  </div>
</div>
<script src="{$Think.config.url_domain_root}static/common/js/mlselection.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	gcategoryInit("gcategory");

    jQuery.validator.addMethod("seller_name_exist", function(value, element, params) { 
        var result = true;
        $.ajax({  
            type:"GET",  
            url:"{:url('/Home/Sellerjoinin/check_seller_name_exist')}",  
            async:false,  
            data:{seller_name: $('#seller_name').val()},  
            success: function(data){  
                if(data == 'true') {
                    $.validator.messages.seller_name_exist = "卖家账号已存在";
                    result = false;
                }
            }  
        });  
        return result;
    }, '');

    $('#form_store_info').validate({
        errorPlacement: function(error, element){
            element.nextAll('span').first().after(error);
        },
        rules : {
            seller_name: {
                required: true,
                maxlength: 50,
                seller_name_exist: true
            },
            store_name: {
                required: true,
                maxlength: 50,
                remote : "{:url('/Home/Sellerjoinin/checkname')}"
            },
            sg_id: {
                required: true
            },
            sc_id: {
                required: true
            },
            store_class: {
                required: true,
                min: 1
            }
        },
        messages : {
            seller_name: {
                required: '请填写卖家用户名',
                maxlength: jQuery.validator.format("最多{0}个字")
            },
            store_name: {
                required: '请填写店铺名称',
                maxlength: jQuery.validator.format("最多{0}个字"),
                remote : '店铺名称已存在'
            },
            sg_id: {
                required: '请选择店铺等级'
            },
            sc_id: {
                required: '请选择店铺分类'
            },
            store_class: {
                required: '请选择经营类目',
                min: '请选择经营类目'
            }
        }
    });

    $('#btn_select_category').on('click', function() {
        $('#gcategory').show();
        $('#btn_select_category').hide();
        $('#gcategory_class1').val(0).nextAll("select").remove();
    });

    $('#btn_add_category').on('click', function() {
        var tr_category = '<tr class="store-class-item">';
        var category_id = '';
        var category_name = '';
        var class_count = 0;
        var validation = true;
        var i = 1;
        $('#gcategory').find('select').each(function() {
            if(parseInt($(this).val(), 10) > 0) {
                var name = $(this).find('option:selected').text();
                tr_category += '<td>';
                tr_category += name;
                if ($('#gcategory > select').size() == i) {
                    //最后一级显示分佣比例
                    tr_category += ' (分佣比例：' + $(this).find('option:selected').attr('data-explain') + '%)';
                }
                tr_category += '</td>';
                category_id += $(this).val() + ',';
                category_name += name + ',';
                class_count++;
            } else {
                validation = false;
		$('#gc_classtip').html('请选择最后一级分类');
            }
            i++;
        });
        if(validation) {
            for(; class_count < 3; class_count++) {
                tr_category += '<td></td>';
            }
            tr_category += '<td><a nctype="btn_drop_category" href="javascript:;">删除</a></td>';
            tr_category += '<input name="store_class_ids[]" type="hidden" value="' + category_id + '" />';
            tr_category += '<input name="store_class_names[]" type="hidden" value="' + category_name + '" />';
            tr_category += '</tr>';
            $('#table_category').append(tr_category);
            $('#gcategory').hide();
            $('#btn_select_category').show();
            select_store_class_count();
        } else {
            showError('请选择分类');
        }
    });

    $('#table_category').on('click', '[nctype="btn_drop_category"]', function() {
        $(this).parent('td').parent('tr').remove();
        select_store_class_count();
    });

    // 统计已经选择的经营类目
    function select_store_class_count() {
        var store_class_count = $('#table_category').find('.store-class-item').length;
        $('#store_class').val(store_class_count);
    }

    $('#btn_cancel_category').on('click', function() {
        $('#gcategory').hide();
        $('#btn_select_category').show();
    });

    $('#sg_id').on('change', function() {
        if($(this).val() > 0) {
            $('#grade_explain').text($(this).find('option:selected').attr('data-explain'));
            $('#sg_name').val($(this).find('option:selected').text());
        } else {
            $('#sg_name').val('');
        }
    });

    $('#sc_id').on('change', function() {
        if($(this).val() > 0) {
            $('#sc_name').val($(this).find('option:selected').text());
        } else {
            $('#sc_name').val('');
        }
    });


    $('#btn_apply_store_next').on('click', function() {
        $('#form_store_info').submit();
    });
});
</script>














        </div>
    </div>
</div>

{include file="public/mall_footer" /}