{extend name="public/base" /}

{block name="body"}
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-body">
            
            <div class="layui-form" wid100 lay-filter="">
				<div class="layui-upload">
					<button type="button" class="layui-btn layui-btn-normal" id="slid-add">添加</button>
					<div class="layui-form" lay-filter="select_type">位置：
						<div class="layui-inline">
							<select name="slid_type" lay-verify="required" lay-filter="slid-type">
								<option value="">链接投放位置</option>
								<option value="1">1首页幻灯</option>
								<option value="2">2首页图片</option>
								<option value="3">3分类图片</option>
								<option value="4">4详情图片</option>
								<option value="5">5首页赞助</option>
								<option value="6">6分类赞助</option>
								<option value="7">7详情赞助</option>
								<option value="8">8温馨通道</option>
								<option value="9">9友情链接</option>
								<option value="10">10头部菜单</option>
								<option value="11">11页脚链接</option>
								<option value="12">12移动首页幻灯</option>
								<option value="13">13首页右栏广告</option>
							</select>
						</div>
					</div>
					<table id="slider" lay-filter="slider"></table>
					<script type="text/html" id="imgTpl">
						{{#  if(d.slid_type == "头部菜单"){ }}<i class="layui-icon {{d.slid_img}}"></i>{{# } else { }} {{# if(d.slid_img == "") { }}无{{# } else { }} <img src="{{d.slid_img}}" height="40" width="80">{{# } }} {{# } }}
					</script>
					<script type="text/html" id="barDemo">
						<a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></a>
						<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
					</script>
				</div> 
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
  
{/block}
{block name="js"}
  <script>
  layui.config({
    base: '/static/admin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index','layer','table','util','form'], function(){
  var $ = layui.jquery
  ,layer = layui.layer
  ,table = layui.table
  ,form = layui.form;
  var util = layui.util;

  //第一个实例
  table.render({
    elem: '#slider'
    ,url: "{:url('slider/list')}" //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
	  ,{field: 'slid_type', title: '位置', width:120}
      ,{field: 'slid_img', title: '图片/icon', width:120, templet: '#imgTpl'}
	  ,{field: 'slid_name', title: '名称', width:180}
      ,{field: 'slid_href', title: 'URL', minWidth: 250}
      ,{field: 'slid_color', title: '颜色', width: 80}
      ,{field: 'slid_start', title: '开始', width: 150, sort: true}
      ,{field: 'slid_over', title: '结束','escape':false, width: 150, sort: true}
      ,{field: 'slid_status', title: '状态', width: 80}
	  ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]]
	,limit: 15
	,text: '对不起，加载出现异常！'
  });

  form.on('select(slid-type)', function(data){
	  $.post("{:url('slider/list')}", {"slid_type":data.value}, function (data){
			if (data.code == -1){
				layer.open({content:data.msg,icon:5,anim:6});
			}
		}
	);
	//执行重载
	  table.reload('slider', {
		where: {slid_type: data.value}
		,page: {
                    curr: 1 //重新从第 1 页开始
                }
	  });
  });

  //监听行工具事件
  table.on('tool(slider)', function(obj){
    var data = obj.data;
	var id = data.id;
    //console.log(obj)
    if(obj.event === 'del'){
    	layer.confirm('真的删除行么', {icon: 3, title:'删除链接？'}, function(index){
			//提交 Ajax 成功后，静态更新表格中的数据
			$.post("{:url('slider/delete')}", {"id":data.id}, function(data){
				if (data.code == 0) {
					layer.msg(data.msg,{icon:6,time:2000}, function(){
						location.reload();
					});
				} else {
					layer.open({title:'删除失败',content:data.msg,icon:5,anim:6});
				}
			});
		});
	  layer.close(index);
    } else if(obj.event === 'edit'){
		layer.open({
		  type: 2,
		  title: '编辑链接',
		  content: 'edit.html?id='+ id,
		  maxmin: true,
		  area : ['500px' , '600px'],
		  btn: ['确定', '取消'],
          yes: function(index, layero){
		  var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-slider-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);
            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              //提交 Ajax 成功后，静态更新表格中的数据
              $.ajax({
				type:"post",
				url:"{:url('slider/edit')}",
				data:{"id":id,"slid_type":field.slid_type,"slid_name":field.slid_name,"slid_color":field.slid_color,"slid_start":field.slid_start,"slid_over":field.slid_over,"slid_href":field.slid_href,"slid_img":field.slid_img},
				daType:"json",
				success:function (data){
					if (data.code == 0) {
						layer.msg(data.msg,{icon:6,time:2000}, function(){
							location.reload();
						});
					} else {
						layer.open({title:'添加失败',content:data.msg,icon:5,anim:6});
					}
				}
			 });
		   layer.close(index);
		   });
		   submit.trigger('click');
		}
		});
    }
  });

  //添加幻灯
  $('#slid-add').on('click', function(){
      layer.open({
		  type: 2,
		  title: '添加链接',
		  content: 'add.html',
		  maxmin: true,
		  area : ['500px' , '600px'],
		  btn: ['确定', '取消'],
          yes: function(index, layero){
		  var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-slider-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);

            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              
              //提交 Ajax 成功后，静态更新表格中的数据
              $.ajax({
				type:"post",
				url:"{:url('slider/add')}",
				data:{"slid_type":field.slid_type,"slid_name":field.slid_name,"slid_color":field.slid_color,"slid_start":field.slid_start,"slid_over":field.slid_over,"slid_href":field.slid_href,"slid_img":field.slid_img},
				daType:"json",
				success:function (data){
					if (data.code == 0) {
						layer.msg(data.msg,{
							icon:6,
							time:2000
						}, function(){
							location.reload();
						});
					} else {
						layer.open({
							title:'添加失败',
							content:data.msg,
							icon:5,
							anim:6
						});
					}
				}
			});
		   layer.close(index);
		   });
		   submit.trigger('click');
		  }
		});
    });
  
  });
</script>
{/block}