{extend name="$base" /}
{block name="resources"}
<script src="ADMIN_JS/art_dialog.source.js"></script>
<script src="ADMIN_JS/iframe_tools.source.js"></script>
<script src="ADMIN_JS/material_managedialog.js"></script>
<script src="__STATIC__/js/ajax_file_upload.js" type="text/javascript"></script>
<script src="__STATIC__/js/file_upload.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="ADMIN_CSS/defau.css">
<style type="text/css">
.error {padding-left: 5px !important;}
</style>
{/block}
{block name="main"}
<div class="space-10"></div>
<div class="set-style">
	<dl>
		<dt><span class="color-red">*</span>品牌名称：</dt>
		<dd>
			<input id="brand_name" type="text" placeholder="请输入品牌名称" class="input-common" onchange = "getname()"/>
			<span class="error">请输入品牌名称</span>
			<span class="error brand">已存在品牌名称</span>
		</dd>
	</dl>
	<dl>
		<dt><span class="color-red">*</span>品牌首字母：</dt>
		<dd>
			<input id="brand_initial" type="text" placeholder="请输入品牌首字母" class="input-common harf"/>
			<span class="error">请输入品牌首字母</span>
		</dd>
	</dl>
	<dl>
		<dt>品牌描述：</dt>
		<dd>
			<textarea id="describe" class="textarea-common" maxlength="200"></textarea>
			<span class="error">品牌描述限制200个字符</span>
		</dd>
	</dl>
	<dl>
		<dt>是否推荐：</dt>
		<dd>
			<input id="brand_recommend" type="checkbox" class="checkbox" checked="checked" />
		</dd>
	</dl>
<!-- 
	<dl>
		<dt><span class="color-red"></span>商品分类：</dt>
		<dd>
			<select id="category_id_1" name="account" class="form-control m-b select-common" onchange="changeCategory(1)">
				<option value="0">请选择...</option>
				{foreach name="goods_category_list" item="v1"}
				<option value="{$v1['category_id']}">{$v1['category_name']}</option>
				{/foreach}
			</select>
			<select id="category_id_2" name="account" class="form-control m-b select-common" onchange="changeCategory(2)" style="display: none;">
				<option value="0">请选择...</option>
			</select>
			<select id="category_id_3" name="account" class="form-control m-b select-common" style="display: none;">
				<option value="0">请选择...</option>
			</select>
			<span class="error">请选择商品分类</span>
		</dd>
	</dl> -->

	<dl>
		<dt>图片：</dt>
		<dd>
			<div class="upload-btn-common">
				<div>
					<input class="input-file" name="file_upload" id="uploadBrand_pic" type="file" onchange="imgUpload(this);" title="上传">
					<input type="hidden" id="brand_pic" value="" />
				</div>
				<input type="text" id="text_brand_pic" class="input-common" readonly="readonly" value="" />
				<em>上传</em>
				
				<img id="preview_brand_pic" src="__STATIC__/blue/img/upload-common-select.png" data-html="true" data-container="body" data-placement="top" data-trigger="manual"/>

			</div>
			<p class="hint">
				<span>建议使用<i class="important-note">宽200</i>像素-<i class="important-note">高60</i>像素内的<i class="important-note">GIF</i>或<i class="important-note">PNG</i>透明图片；点击下方"保存"按钮后生效。</span>
			</p>
		</dd>
	</dl>

	<dl>
		<dt>品牌推荐广告图：</dt>
		<dd>
			<div class="upload-btn-common">
				<div>
					<input class="input-file" name="file_upload" id="uploadBrand_ads" type="file" onchange="imgUpload(this);" title="上传">
					<input type="hidden" id="brand_ads" value="" />
				</div>
				<input type="text" id="text_brand_ads" class="input-common" readonly="readonly" value="" />
				<em>上传</em>
				
				<img id="preview_brand_ads" src="__STATIC__/blue/img/upload-common-select.png" data-html="true" data-container="body" data-placement="top" data-trigger="manual"/>

			</div>
			<p class="hint">
				<span>建议使用<i class="important-note">宽200</i>像素-<i class="important-note">高60</i>像素内的<i class="important-note">GIF</i>或<i class="important-note">PNG</i>透明图片；点击下方"保存"按钮后生效。</span>
			</p>
		</dd>
	</dl>
	<dl>
		<dt></dt>
		<dd>
			<button class="btn-common btn-big" onclick="addGoodsBrand();">保存</button>
			<button class="btn-common-cancle btn-big" onclick="javascript:history.back(-1);">返回</button>
		</dd>
	</dl>
</div>

<script>
function validation() {
	var brand_name = $("#brand_name");
	var brand_initial = $("#brand_initial");
	var describe = $("#describe");
	// var category_id_1 = $("#category_id_1");
	// var brand_pic = $("#brand_pic");
	// var brand_ads = $("#brand_ads");
	if (brand_name.val() == "") {
		brand_name.focus().next("span").show();
		return false;
	} else {
		brand_name.next("span").hide();
	}
	
	if (brand_initial.val() == "") {
		brand_initial.focus().next("span").text("请输入品牌首字母").show();
		return false;
	} else if (brand_initial.val().length != 1) {
		brand_initial.focus().next("span").text("品牌首字母必须是单个字母").show();
		return false;
	} else {
		brand_initial.next("span").hide();
	}
	
	if (describe.val().length > 0 && describe.val().location>200) {
		describe.parent().children("span").show();
		return false;
	} else {
		describe.parent().children("span").hide();
	}
	
// 	if (category_id_1.val() == 0) {
// 		category_id_1.parent().children("span").show();
// 		return false;
// 	} else {
// 		category_id_1.parent().children("span").hide();
// 	}

/* 	if (brand_pic.val() == "") {
		brand_pic.parent().parent().parent().children("span").show();
		return false;
	} else {
		brand_pic.parent().parent().parent().children("span").hide();
	} */

/* 	if (brand_ads.val() == "") {
		brand_ads.parent().parent().parent().children("span").show();
		return false;
	} else {
		brand_ads.parent().parent().parent().children("span").hide();
	} */
	return true;
}

var flag = false;//防止重复提交
function addGoodsBrand() {
	if (!validation()) {
		return;
	}
	var brand_name = $("#brand_name").val();
	var brand_initial = $("#brand_initial").val();
	var describe = $("#describe").val();
	if ($("#brand_recommend").prop("checked")) {
		var brand_recommend = 1;
	} else {
		var brand_recommend = 0;
	}
	var category_id_1 = $("#category_id_1").val();
	var category_id_2 = $("#category_id_2").val();
	var category_id_3 = $("#category_id_3").val();
	var category_name = '';
	if (category_id_3 > 0) {
		category_name = $("#category_id_3 option:selected").text();
	} else if (category_id_2 > 0 && category_id_3 <= 0) {
		category_name = $("#category_id_2 option:selected").text();
	} else if (category_id_1 > 0) {
		category_name = $("#category_id_1 option:selected").text();
	} else {
		category_name = '';
	}
	var brand_pic = $("#brand_pic").val();
	var brand_ads = $("#brand_ads").val();
	if(flag){
		return;
	}
	flag = true;
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/goods/addgoodsbrand')}",
		data : {
			'brand_name' : brand_name,
			'brand_initial' : brand_initial,
			'describe' : describe,
			'brand_recommend' : brand_recommend,
			'brand_pic' : brand_pic,
			'brand_ads' : brand_ads,
			'category_id_1' : category_id_1,
			'category_id_2' : category_id_2,
			'category_id_3' : category_id_3,
			'category_name' : category_name
		},
		success : function(data) {
			if (data["code"] > 0) {
				showTip("商品品牌添加成功","success");
				location.href = "{:__URL('ADMIN_MAIN/goods/goodsbrandlist')}";
			}else{
				showTip("商品品牌添加失败","error");
				flag = false;
			}
		}
	});
}

//图片上传
function imgUpload(event) {
	var fileid = $(event).attr("id");
	var id = $(event).next().attr("id");
	var data = { 'file_path' : "goods_brand" };
	uploadFile({
		url: __URL(ADMINMAIN + '/goods/uploadimage'),
		fileId: fileid,
		data : data,
		callBack: function (res) {
			if(res.code){
				$("#" + id).val(res.data.path);
				$("#text_" + id).val(res.data.path);
				$("#preview_"+ id).attr("data-src",__IMG(res.data.path));
				showTip(res.message,"success");
			}else{
				showTip(res.message,"error");
			}
		}
	});
}

function changeCategory(type) {
	var pid = $("#category_id_" + type).val();
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/goods/changecategory')}",
		data : { 'pid' : pid },
		success : function(data) {
			if (type == 1) {
				$("#category_id_2 option:gt(0)").remove();
				$("#category_id_3 option:gt(0)").remove();
			} else if (type == 2) {
				$("#category_id_3 option:gt(0)").remove();
			}
			var html = '';
			for (var i = 0; i < data.length; i++) {
				html += '<option value="'+data[i]['category_id']+'">' + data[i]['category_name'] + '</option>';
			}
			if (data.length > 0) {
				$("#category_id_" + (type + 1)).append(html).show();
			}
		}
	});
}

function getname(){
	var brand_name = $("#brand_name").val();
	$.ajax({
		url : "{:__URL('ADMIN_MAIN/goods/brandname')}",
		type : "post",
		data : {
			"brand_name" : brand_name
		},
		success : function(data){
			if(data){
				$(".error.brand").show();
			}else{
				$(".error.brand").hide();
			}
		}
	})
}
</script>
{/block}