<?php defined('InShopNC') or exit('Access Invalid!');?>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/common_select.js" charset="utf-8"></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:'<?php echo urlShop('store_joinin', '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 
            },
            sg_name: {
                required: true
            },
            sc_name: {
                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}个字")
            },
            sg_name: {
                required: '请选择店铺等级'
            },
            sc_name: {
                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;
        $('#gcategory').find('select').each(function() {
            if(parseInt($(this).val(), 10) > 0) {
                var name = $(this).find('option:selected').text();
                tr_category += '<td>';
                tr_category += name;
                tr_category += '</td>';
                category_id += $(this).val() + ',';
                category_name += name + ',';
                class_count++;
            } else {
                validation = false;
            }
        });
        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() {
        if($('#form_store_info').valid()) {
            $('#form_store_info').submit();
        }
    });
});
</script>
<!-- 店铺信息 -->

<div id="apply_store_info" class="apply-store-info">
  <div class="alert">
    <h4>注意事项：</h4>
    店铺经营类目为商城商品分类，请根据实际运营情况添加一个或多个经营类目。</div>
    <form id="form_store_info" action="index.php?act=store_joinin_c2c&op=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($output['grade_list']) && is_array($output['grade_list'])){ ?>
                <?php foreach($output['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="sc_id" id="sc_id">
                <option value="0">请选择</option>
                <?php if(!empty($output['store_class']) && is_array($output['store_class'])){ ?>
                <?php foreach($output['store_class'] as $k => $v){ ?>
                <option value="<?php echo $v['sc_id'];?>"><?php echo $v['sc_name'];?></option>
                <?php } ?>
                <?php } ?>
              </select>
              <input id="sc_name" name="sc_name" type="hidden" />
              <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($output['gc_list']) && is_array($output['gc_list']) ) {?>
                  <?php foreach ($output['gc_list'] as $gc) {?>
                  <option value="<?php echo $gc['gc_id'];?>"><?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>
          </td>
          </tr>
          <tr>
            <td colspan="2"><table border="0" cellpadding="0" cellspacing="0" id="table_category" class="type">
                <thead>
                  <tr>
                    <th>一级类目</th>
                    <th>二级类目</th>
                    <th>三级类目</th>
                    <th>操作</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>
