<extend name="Public/base" />

<block name="body">
    <link rel="stylesheet" type="text/css" href="__STATIC__/bootstrap.min.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">

    <script src="__STATIC__/md5.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    
    
    <div class="cf main-place top_nav_list navtab_list">
    {:W('Index/navigation',array('value'=>'PointType/lists','compare'=>'PointShop/lists'))}
        <h3 class="page_title">新增积分商品</h3>
        <p class="description_text"></p>
    </div>
    
    
    <!-- 标签页导航 -->
    <div class="tab-wrap">
        
        <div class="tab-content tabcon1711 tabcon17112">
            <!-- 表单 -->
            <form id="form" action="{:U('add')}" method="post" class="form-horizontal">
                <!-- 基础文档模型 -->
                <div id="tab1" class="tab-pane in tab1">
                    <table  border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                        <tr>
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>商品名称:</td>
                            <td class="r">
                                <input type="text" class="txt"  name="good_name" value="{$data['good_name']}">
                            </td>
                        </tr>
                        <tr>
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>商品价格:</td>
                            <td class="r">
                                <input type="text" class="txt"  name="price" value="{$data['price']}">
                            </td>
                        </tr>
                        <tr class="picbox">
                            <td class="l">商品封面:</td>
                            <td class="r" >
                                <input type="file" id="upload_picture_cover">
                                <input type="hidden" name="cover" id="cover_id_cover" value="" />
                                <div class="upload-img-box">
                                    <notempty name="data['cover']">
                                        <div class="upload-pre-item"><img src=""/></div>
                                    </notempty>
                                </div>
																<span class="notice-text">552x374px</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="l">商品类型:</td>
                            <td class="r" >
                            <span class="form_radio">
                                <label><input type="radio" class="inp_radio good_type" value="1" name="good_type" checked="checked">实物
                                </label><label><input type="radio" class="inp_radio good_type" value="2" name="good_type" >虚拟物品
                              </label></span>
                            </td>
                        </tr>
                        <tr class="good_num">
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>商品数量:</td>
                            <td class="r">
                                <input type="text" class="txt"  name="number" value="{$data['number']}">
                            </td>
                        </tr>
                        <tr class="good_key">
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>商品兑换码:</td>
                            <td class="r">
                                <textarea class="txt_area2" name="good_key" placeholder="一行一个">{$data.good_key}</textarea>
                            </td>
                        </tr>
                        <tr class="good_key">
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>使用方法:</td>
                            <td class="r">
                                <textarea class="txt_area" name="good_usage">{$data.good_usage}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>商品详情:</td>
                            <td class="r">
                                <textarea class="txt_area" name="good_info">{$data.good_info}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="l">状态:</td>
                            <td class="r" >
                                <input type="radio" class="inp_radio" value="1" name="status" checked="checked">开启
                                <input type="radio" class="inp_radio" value="2" name="status" >关闭
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="form-item cf">
                    <input type="hidden" name="id" value="{$data.id}">
                    <button class="submit_btn ajax-post mlspacing " id="submit" type="submit" target-form="form-horizontal">确 定</button>
<a class="submit_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();" >
              返回
          </a>
                </div>
            </form>
        </div>
    </div>
		
		
		<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$m_title}">
				<input type="hidden" name="url" value="PointType/lists">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
		
</block>

<block name="script">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav("{:U('PointType/lists')}");
        $('#submit').click(function(){
            $('#form').submit();
        });


        $(function () {
            good_type();
            $(".good_type").click(function(){
                good_type();
            });
        });

        function good_type(){
            var type = $(":input[name='good_type']:checked").val();
            if(type == 1){
                $(".good_key").hide();
                $(".good_num").show();
            }else{
                $(".good_key").show();
                $(".good_num").hide();
            }
        }

        //上传游戏封面
        /* 初始化上传插件 */
        $("#upload_picture_cover").uploadify({
            "height"          : 30,
            "swf"             : "__STATIC__/uploadify/uploadify.swf",
            "fileObjName"     : "download",
            "buttonText"      : "上传封面",
            "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id(),'flag'=>true))}",
            "width"           : 120,
            'removeTimeout'   : 1,
            'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
            "onUploadSuccess" : upload_picture_cover{$field.name},
        'onFallback' : function() {
            alert('未检测到兼容版本的Flash.');
        }
        });
        function upload_picture_cover{$field.name}(file, data){
            console.log(data);
            var data = $.parseJSON(data);
            var src = '';
            if(data.status){
                $("#cover_id_cover").val(data.id);
                src = data.url || '__ROOT__' + data.path;
                $("#cover_id_cover").parent().find('.upload-img-box').html(
                    '<div class="upload-pre-item"><img src="' + src + '"/></div>'
                );
            } else {
                updateAlert(data.info);
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                    $("#upload_picture_cover").removeClass('disabled').prop('disabled',false);
                },1500);
            }
        }
    </script>
</block>