<!DOCTYPE html>
<html lang="en">

	<include file="Public:header" />
	<include file="Public:page_css" />
	<script>
$(function(){
	$('#data_edit').ajaxForm({
		beforeSubmit: checkForm, // 此方法主要是提交前执行的方法,根据需要设置
		success: complete, // 这是提交后的方法
		dataType: 'json'
	});

	function checkForm(){
		if( '' == $.trim($('#title').val())){
			layer.alert('课程名称不能为空', {icon: 5}, function(index){
 			layer.close(index);
			$('#title').focus();
			});
			return false;
		}

 }
	function complete(data){
		if(data.status==1){
			layer.msg(data.info, {icon: 6,time:1000}, function(index){
 			layer.close(index);
			window.location.href=data.url;
			});
		}else{
			layer.msg(data.info, {icon: 5,time:1000}, function(index){
 			layer.close(index);
			});
			return false;
		}
	}

});
</script>
	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
		<include file="Public:nav" />
		<div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-12">
                <h2>数据管理</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{:U('Index/index')}"><i class="fa fa-home"></i> 主页</a>
                    </li>
                    <li>
                        <a>数据管理</a>
                    </li>
                    <li>
                        <strong>修改课程</strong>
                    </li>
                </ol>
            </div>
        </div>
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>修改课程</h5>
						<div class="ibox-tools">
							<a class="collapse-link">
								<i class="fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">
						<form class="form-horizontal" name="data_edit" id="data_edit" method="post" action="__URL__/data_edit">
							<input type="hidden" name="id" id="id" value="{$list.id}" />
                         	<div class="form-group">
				                <label class="col-sm-2 control-label">课程分类</label>
				                <div class="col-sm-5">
                                    <select id="group_id" name="group_id" class="form-control m-b chosen-select">

			                            <option value="">请选择所属课程类型</option>
                                        <foreach name="cate" item="v">
                                        	<option value="{$v.id}" <if condition="$v['id'] eq $list['cid']">selected</if>>{$v.cate_name}</option>
                                        </foreach>
			                    	</select>
				                </div>
				            </div>

	                      <div class="form-group">
					                <label class="col-sm-2 control-label">课程归类</label>
					                <div class="col-sm-5">
	                                    <select id="pid" name="pid" class="form-control m-b chosen-select">
				                            <option value="0" checked="checked">默认</option>
	                                        <foreach name="datal" item="vo">
	                                        	<option value="{$vo.id}"
	                                        	 <if condition="$vo['id'] eq $list['pid']">selected</if>
	                                        	>{$vo.title}</option>
	                                        </foreach>
				                    	</select>
					                </div>
					            </div>  

                            <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">是否文件夹
								</label>
								<div class="col-sm-6">
									<div class="radio i-checks">
										<label><input type="radio" value="1" name="lever"  <if condition="$list.lever eq 1">checked</if>  > <i></i>是</label>
										<label><input type="radio" value="0" name="lever" <if condition="$list.lever eq 0">checked</if> > <i></i>否</label>
									</div>
								</div>
							</div>
     

				            <div class="hr-line-dashed"></div>
				            <div class="form-group">
								<label class="col-sm-2 control-label"> 课程名称</label>
								<div class="col-sm-5">
									<input type="text" name="title" id="title" value="{$list.title}" placeholder="请输入昵称" class="form-control" />
								</div>
							</div>

                            <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">类型选择
								</label>
								<div class="col-sm-6">
									<div class="radio i-checks">
										<label><input type="radio" value="3" name="type" <if condition="$list.type eq 3">checked</if>   > <i></i>图书</label>
										<label><input type="radio" value="2" name="type" <if condition="$list.type eq 2">checked</if>   > <i></i>音频</label>
										<label><input type="radio" value="1" name="type"  <if condition="$list.type eq 1">checked</if>  > <i></i> 视频</label>
									</div>
								</div>
							</div>

                         <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 课程描述</label>
								<div class="col-sm-5">
									<input type="text" name="introduction" id="introduction" value="{$list.introduction}" placeholder="课程描述" class="form-control" />
								</div>
							</div>
                        
                         <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 关键字</label>
								<div class="col-sm-5">
									<input type="text" name="keyword" id="keyword" value="{$list.keyword}" placeholder="关键字" class="form-control" />
								</div>
							</div>

						<div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">小图 </label>
								<div class="col-sm-6">
									<div style="width: 200px; height: 90px; float: left;">
										<input type="hidden" name="smallimg" value="" id="xiao_photo" />
										<input id="photo_xiao" name="photo_xiao" type="file" multiple="true" value="" />
									</div>
									<div style="width: 200px; height: 90px; float: left;">
										<img id="upload_xiaoimg" class="img-circle" src="__ROOT__{$list.smallimg}" onerror="this.src='__PUBLIC__/Admin/img/touxiang_default.gif'" style="width: 80px;height: 80px" />
									</div>
								</div>
							</div>

							<div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">列表图 </label>
								<div class="col-sm-6">
									<div style="width: 200px; height: 90px; float: left;">
										<input type="hidden" name="middleimg" value="" id="data_photo" />
										<input id="photo_file" name="photo_file" type="file" multiple="true" value="" />
									</div>
									<div style="width: 200px; height: 90px; float: left;">
										<img id="upload_img" class="img-circle" src="__ROOT__{$list.middleimg}" onerror="this.src='__PUBLIC__/Admin/img/touxiang_default.gif'" style="width: 80px;height: 80px" />
									</div>
								</div>
							</div>
					
						<div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">大图 </label>
								<div class="col-sm-6">
									<div style="width: 200px; height: 90px; float: left;">
										<input type="hidden" name="bigimg" value="" id="data_photo1" />
										<input id="photo_file1" name="photo_file1" type="file" multiple="true" value="" />
									</div>
									<div style="width: 200px; height: 90px; float: left;">
										<img id="upload_img1" class="img-circle" src="__ROOT__{$list.bigimg}" onerror="this.src='__PUBLIC__/Admin/img/touxiang_default.gif'" style="width: 80px;height: 80px" />
									</div>
								</div>
							</div>  

                          <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">视频、音频、文本</label>
								<div class="col-sm-6">
									<div style="width: 200px; height: 90px; float: left;">
										<input type="hidden" name="path" value="" id="data_photo3" />
										<input id="photo_file3" name="photo_file3" type="file" multiple="true" value="" />
									</div>
									<div style="width: 200px; height: 90px; float: left;">
										<img id="upload_img3" class="img-circle" video=""  style="width: 80px;height: 80px" />
									</div>
								</div>
							</div>
                        
                    <!--        <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 首页必修或选修推荐</label>
							 <div class="radio i-checks">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 必修推荐     <input name="required" type="checkbox" value="1" <if condition="$list.required eq 1">checked</if> />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                         选修推荐     <input name="elective" type="checkbox" value="1" <if condition="$list.elective eq 1">checked</if> /> 
								</div>
							</div>	 -->

	                      
	                      <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 必修选择</label>
							 <div class="radio i-checks">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 必修     <input name="is_required" type="checkbox" value="1" <if condition="$list.is_required eq 1">checked</if> />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                         选修     <input name="is_elective" type="checkbox" value="1" <if condition="$list.is_elective eq 1">checked</if> /> 
								</div>
							</div>						
      
                           <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label">课程分类选择
								</label>
								<div class="col-sm-6">
									<div class="radio i-checks">
										<foreach name="datacate" item="vo">
										<label><input type="radio" value="{$vo.id}" name="is_base"  <if condition="$vo['id'] eq $list['is_base']">checked</if>> <i></i>{$vo.catename}
										</label>
										</foreach>
									</div>
								</div>
							</div>
           
                     <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 课程来源</label>
								<div class="col-sm-5">
									<input type="text" name="source" id="source" 
									value="{$list.source}" placeholder="课程来源" class="form-control" />
								</div>
							</div>

				      <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 作者</label>
								<div class="col-sm-5">
									<input type="text" name="auth" id="auth" 
								value="{$list.auth}"	placeholder="作者" class="form-control" />
								</div>
							</div>
                        
                            <div class="hr-line-dashed"></div>
							<div class="form-group">
								<label class="col-sm-2 control-label"> 状&nbsp;态</label>
								<div class="col-sm-5" style="padding-top:5px;">
                                    <input name="state" id="state" value="1" class="js-switch" type="checkbox" checked />
									<span class="lbl">&nbsp;&nbsp;默认开启</span>
								</div>
							</div>

				            <div class="hr-line-dashed"></div>
							<div class="form-group">
								<div class="col-sm-4 col-sm-offset-2">
									<button class="btn btn-primary" type="submit">保存信息</button>&nbsp;&nbsp;&nbsp;
									<a class="btn btn-danger" href="javascript:history.go(-1);">返回</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<include file="Public:footer" />
	<js file='__PUBLIC__/Admin/uploadify/jquery.uploadify.min.js' />
	<link rel="stylesheet" href="__PUBLIC__/Admin/uploadify/uploadify.css">
	</body>

</html>
<script type="text/javascript">
	//小图
$("#photo_xiao").uploadify({
		'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}',
		'uploader': '{:U("Upload/smallimg")}',
		'cancelImg': '__PUBLIC__/Admin/uploadify/uploadify-cancel.png',
		'buttonText': '上传图片',
		'height': 35,
		'fileTypeExts': '*.gif;*.jpg;*.png',
		'queueSizeLimit': 1,
		'onUploadSuccess': function(file, data, response) {
			$("#xiao_photo").val(data);
			$("#upload_xiaoimg").attr('src', '__ROOT__/Uploads' + data).show();
		}
	});
//列表图
	$("#photo_file").uploadify({
		'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}',
		'uploader': '{:U("Upload/middleimg")}',
		'cancelImg': '__PUBLIC__/Admin/uploadify/uploadify-cancel.png',
		'buttonText': '上传图片',
		'height': 35,
		'fileTypeExts': '*.gif;*.jpg;*.png',
		'queueSizeLimit': 1,
		'onUploadSuccess': function(file, data, response) {
			$("#data_photo").val(data);
			$("#upload_img").attr('src', '__ROOT__/Uploads' + data).show();
		}
	});

//大图
   $("#photo_file1").uploadify({
		'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}',
		'uploader': '{:U("Upload/bigimg")}',
		'cancelImg': '__PUBLIC__/Admin/uploadify/uploadify-cancel.png',
		'buttonText': '上传图片',
		'height': 35,
		'fileTypeExts': '*.gif;*.jpg;*.png;*.mp3',
		'queueSizeLimit': 1,
		'onUploadSuccess': function(file, data, response) {
			$("#data_photo1").val(data);
			$("#upload_img1").attr('src', '__ROOT__/Uploads' + data).show();
		}
	});

//视频
    $("#photo_file3").uploadify({
		'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}',
		'uploader': '{:U("Upload/video")}',
		'buttonText': '视频、音频、',
		'height': 35,
		'fileTypeExts': '*.gif;*.jpg;*.png;*.mp4;*.txt;*.mp3',
		'queueSizeLimit': 1,
		'onUploadSuccess': function(file, data, response) {
			$("#data_photo3").val(data);
			$("#upload_img3").attr('video', '__ROOT__/Uploads' + data).show();
		}
	});
</script>
<!-- 下拉CSS样式 -->
<script>

    var config = {
        '.chosen-select': {},
    }
    for (var selector in config) {
        $(selector).chosen(config[selector]);
    }

</script>

<!-- IOS开关样式配置 -->
<script>
var elem = document.querySelector('.js-switch');
    var switchery = new Switchery(elem, {
        color: '#1AB394'
    });
var config = {
    '.chosen-select': {},
}
for (var selector in config) {
    $(selector).chosen(config[selector]);
}

</script>



	</body>
</html>