{extend name="public/base" /}

{block name="body"}
  <div class="layui-fluid" id="component-tabs">
    <div class="layui-row">
      <div class="layui-col-md12">
        <div class="layui-card">
          <!--div class="layui-card-header">简洁风格</div-->
          <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">
              <ul class="layui-tab-title">
                <li class="layui-this" lay-id="email">邮件设置</li>
                <li lay-id="score">积分设置</li>
                <li lay-id="vip">用户等级</li>
                <li lay-id="goods">商品管理</li>
                <li lay-id="order">订单管理</li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
					<div class="layui-form" wid100 lay-filter="">
					  <div class="layui-form-item">
						<label class="layui-form-label">SMTP服务器</label>
						<div class="layui-input-inline">
						  <input type="text" name="host" value="{$mailserver.host}" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">如：smtp.163.com</div>
					  </div>
					  <div class="layui-form-item">
						<label class="layui-form-label">SMTP端口号</label>
						<div class="layui-input-inline" style="width: 80px;">
						  <input type="text" name="port" lay-verify="number" value="{$mailserver.port}" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">一般为 25 或 465</div>
					  </div>
					  <div class="layui-form-item">
						<label class="layui-form-label">发件人邮箱</label>
						<div class="layui-input-inline">
						  <input type="text" name="mail" value="{$mailserver.mail}" lay-verify="email" autocomplete="off" class="layui-input">
						</div>
					  </div>
					  <div class="layui-form-item">
						<label class="layui-form-label">发件人昵称</label>
						<div class="layui-input-inline">
						  <input type="text" name="nickname" value="{$mailserver.nickname}" autocomplete="off" class="layui-input">
						</div>
					  </div>
					  <div class="layui-form-item">
						<label class="layui-form-label">邮箱登入密码</label>
						<div class="layui-input-inline">
						  <input type="password" name="password" value="{$mailserver.password}" autocomplete="off" class="layui-input">
						</div>
					  </div>
					  <div class="layui-form-item">
						<div class="layui-input-block">
						  <button class="layui-btn" lay-submit lay-filter="set_system_email">确认保存</button>
						</div>
					  </div>
					</div>
                </div>
                <div class="layui-tab-item">
					<div class="layui-tab-content" style="padding: 20px 0;">
						<div class="layui-form layui-card-header layuiadmin-card-header-auto">

							<div class="layui-form-item">
								<div class="layui-inline">
								  <label class="layui-form-label">连续签到</label>
									<div class="layui-input-inline" style="width: 90px;">
										<select name="days">
										  <option value="1">1天</option>
										  <option value="2">2天</option>
										  <option value="3">3天</option>
										  <option value="5">5天</option>
										  <option value="7">7天</option>
										  <option value="10">10天</option>
										  <option value="20">20天</option>
										  <option value="100">100天</option>
										  <option value="365">365天</option>
										</select>
									</div>
									<div class="layui-input-inline">
										<input type="tel" name="score" lay-verify="required" placeholder="获得积分" autocomplete="off" class="layui-input">
									</div>
									<div class="layui-input-inline">
									<input type="submit" class="layui-btn" lay-submit lay-filter="sign-rule-submit" id="sign-rule-submit" value="立即提交">
									</div>
								</div>	
							</div>
							<div class="layui-form-item">
							 <table id="sign-rule" lay-filter="sign-rule"></table>
							 <script type="text/html" id="sign-rule-button">
							 <a class="layui-btn layui-btn-normal 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 class="layui-tab-item">
					<div class="layui-tab-content" style="padding: 20px 0;">
						<div class="layui-form layui-card-header layuiadmin-card-header-auto">

							<div class="layui-form-item">
								<div class="layui-inline">
								  <label class="layui-form-label">用户积分</label>
									<div class="layui-input-inline" style="width: 120px;">
										<select name="vip">
										  <option value="0">普通</option>
										  <option value="1">VIP1</option>
										  <option value="2">VIP2</option>
										  <option value="3">VIP3</option>
										  <option value="4">VIP4</option>
										  <option value="5">VIP5</option>
										  
										</select>
									</div>
									<div class="layui-input-inline">
										<input type="tel" name="score" lay-verify="required" placeholder="积分区间:0-99" autocomplete="off" class="layui-input">
									</div>
									<div class="layui-input-inline">
									<input type="submit" class="layui-btn" lay-submit lay-filter="vip-rule-submit" id="vip-rule-submit" value="立即提交">
									</div>
								</div>	
							</div>
							<div class="layui-form-item">
							 <table id="vip-rule" lay-filter="vip-rule"></table>
							 <script type="text/html" id="vip-rule-button">
							 <a class="layui-btn layui-btn-normal 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 class="layui-tab-item">内容4</div>
                <div class="layui-tab-item">内容5</div>
              </div>
            </div>
          </div>
        </div>
     </div>
  </div>
  
{/block}
{block name="js"} 
  <script>
  layui.config({
    base: '/static/admin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'set', 'webset', 'table', 'form'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,element = layui.element
	,table = layui.table
	,form = layui.form
    ,router = layui.router();

    element.render();
    
    element.on('tab(component-tabs-brief)', function(obj){
      layer.msg(obj.index + '：' + this.innerHTML);
    });
    
    /* 触发事件 */
    var active = {
      tabAdd: function(){
        /* 新增一个Tab项 */
        element.tabAdd('demo', {
          title: '新选项'+ (Math.random()*1000|0) /* 用于演示 */
          ,content: '内容'+ (Math.random()*1000|0)
          ,id: new Date().getTime() /* 实际使用一般是规定好的id，这里以时间戳模拟下 */
        })
      }
      ,tabDelete: function(othis){
        /* 删除指定Tab项 */
        element.tabDelete('demo', '22');
        othis.addClass('layui-btn-disabled');
      }
      ,tabChange: function(){
        /* 切换到指定Tab项 */
        element.tabChange('demo', '33');
      }
    };
    
    $('#component-tabs .site-demo-active').on('click', function(){
      var othis = $(this), type = othis.data('type');
      active[type] ? active[type].call(this, othis) : '';
    });
    
    /* Hash地址的定位 */
    var layid = router.hash.replace(/^#layid=/, '');
    layid && element.tabChange('component-tabs-hash', layid);
    
    element.on('tab(component-tabs-hash)', function(elem){
      location.hash = '/'+ layui.router().path.join('/') + '#layid=' + $(this).attr('lay-id');
    });
	
	//添加签到规则
	form.on('submit(sign-rule-submit)',function(data){
			var field = data.field;
				$.ajax({
					type:"post",
					url:"{:url('admin/Sign/add')}",
					data:field,
					daType:"json",
					success:function (data){
							if (data.code == 0) {
								layer.msg(data.msg,{
									icon:6,
									time:2000
								}, function(){
								table.reload('sign-rule'); //数据刷新
								});
							} else {
								layer.open({
									tiele:'添加失败',
									content:data.msg,
									icon:5,
									anim:6
								});
							}
						}
				});
			return false;
		});
	
	//添加VIP规则
	form.on('submit(vip-rule-submit)',function(data){
			var field = data.field;
				$.ajax({
					type:"post",
					url:"{:url('admin/Vip/add')}",
					data:field,
					daType:"json",
					success:function (data){
							if (data.code == 0) {
								layer.msg(data.msg,{
									icon:6,
									time:2000
								}, function(){
								table.reload('vip-rule'); //数据刷新
								});
							} else {
								layer.open({
									tiele:'添加失败',
									content:data.msg,
									icon:5,
									anim:6
								});
							}
						}
				});
			return false;
		});
	
  });
  </script>
{/block}