{js href="__ROOT__/__JS__/ueditor/ueditor.config.js" /}
{js href="__ROOT__/__JS__/ueditor/ueditor.all.min.js" /}
{js href="__ROOT__/__JS__/ueditor/lang/zh-cn/zh-cn.js" /}
{js href="__ROOT__/__JS__/layer.js" /}
{js href="__ROOT__/__JS__/layui.js" /}
{js href="__ROOT__/__JS__/bootstrap.min.js" /}
{js href="__ROOT__/__JS__/bootstrap-tagsinput.min.js"}
{js href="__ROOT__/__JS__/amazeui.datetimepicker.min.js"}
{js href="__ROOT__/__JS__/amazeui.datetimepicker.zh-CN.js"}
{css href="__ROOT__/__CSS__/layer.css" /}
{css href="__ROOT__/__CSS__/amazeui.datetimepicker.css" /}
{css href="__ROOT__/__CSS__/bootstrap.min.css" /}
{css href="__ROOT__/__CSS__/bootstrap-tagsinput.css" /}

	<div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">邮件资料</strong> / <small>Mail information</small></div>
    </div>

    <hr/>

    <div class="am-g">

      <div class="am-u-sm-12 am-u-md-10">
        <form class="am-form am-form-horizontal" method="post" action="save">
        <input type="hidden" value="{$info.id}" name="id" />
          <div class="am-form-group">
            <label for="title" class="am-u-sm-3 am-form-label">标题 / Title</label>
            <div class="am-u-sm-9">
              <input type="text" id="title" name="title" value="{$info.title}" placeholder="标题 / Title">
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="users" class="am-u-sm-3 am-form-label">选择 / Users</label>
            <div class="am-u-sm-9">
            	<div class="am-u-sm-10">
             		<input type="text" id="users" name="users" placeholder="如果为空则为全部用户"/>
            	</div>
              <input type="button" id="btn" class="am-u-sm-2 am-btn am-btn-success" value="选择用户" />
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="users" class="am-u-sm-3 am-form-label">时间 / Time</label>
            <div class="am-u-sm-9">
            	<div class="am-u-sm-12 am-u-md-6">
				    <input class="am-form-field" id="begin" name="begin" value="{$info.begin}" placeholder="开始日期"/>
				</div>
				<div class="am-u-sm-12 am-u-md-6">
				    <input class="am-form-field" id="end" name="end" value="{$info.end}" placeholder="结束日期"/>
				</div>
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="diamond" class="am-u-sm-3 am-form-label">钻石 / Diamond</label>
            <div class="am-u-sm-9">
				<input type="text" id="diamond" name="diamond" value="{$info.diamond}" placeholder="钻石 / Diamond"/>
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="coin" class="am-u-sm-3 am-form-label">金币 / Coin</label>
            <div class="am-u-sm-9">
				<input type="text" id="coin" name="coin" value="{$info.coin}" placeholder="金币 / Coin"/>
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="zh" class="am-u-sm-3 am-form-label">中文 / Chinese</label>
            <div class="am-u-sm-9">
            	<textarea id="zh" name="zh" rows="5" placeholder="中文 / Chinese">{$info.zh}</textarea>
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="tw" class="am-u-sm-3 am-form-label">台湾 / Taiwan</label>
            <div class="am-u-sm-9">
            	<textarea id="tw" name="tw" rows="5" placeholder="台湾 / Taiwan">{$info.tw}</textarea>
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="en" class="am-u-sm-3 am-form-label">英文 / English</label>
            <div class="am-u-sm-9">
            	<textarea id="en" name="en" rows="5" placeholder="英文 / English">{$info.en}</textarea>
            </div>
          </div>
          
          <div class="am-form-group">
            <div class="am-u-sm-9 am-u-sm-push-3">
              <button type="submit" class="am-btn am-btn-primary">保存修改</button>
             	<button type="button" class="am-btn am-btn-default" onclick="location.href='index'">返回</button>
            </div>
          </div>
        </form>
      </div>
    </div>
      
<script type="text/javascript">

	function in_array(search,array){
	    for(var i in array){
	        if(array[i] == search){
	            return true;
	        }
	    }
	    return false;
	}
    
    $(function(){
    	var users = $('#users').val();
    	
    	$('#begin').datetimepicker({
    		  format: 'yyyy-mm-dd hh:ii:ss',
    		  language:  'zh-CN'
		});
    	$('#end').datetimepicker({
  		  	format: 'yyyy-mm-dd hh:ii:ss',
    		language:  'zh-CN'
		});
    	

		$('#users').tagsinput({
			tagClass: function(item){
				return 'label label-primary';
			},
    		itemValue: 'id',
    		itemText: 'nickname'
   		});
		
		$.get('{$rootpath}/user/mail/users?id={$info.id}',function(data) {
			fillData(data);
		});
		
		function fillData(data){
			var tag = $("#users").tagsinput('items');
  			
  			for (let i = 0; i < data.length; i++) {
  				let obj = data[i];
  				if (!in_array(obj.id, tag)) {
  					$('#users').tagsinput('add', {id:obj.id, nickname:obj.nickname});
  				}
  			}
		}
    	
		$("#btn").click(function(){
		    layui.use(['layer', 'table'], function(){
		    	var layer = layui.layer;
		    	var table = layui.table;
		    	
			    layer.open({
					type: 2,
					title: '选择用户',
					closeBtn: 1,
	  				shadeClose: true,
	  				area: ['900px', '500px'],
	  				content: '{$rootpath}/user/mail/select',
	  				btn: ['OK', 'Cancel'],
			  		yes: function(index, layero){
			  			var body = layer.getChildFrame('body', index);
			  			var iframeWin = window[layero.find('iframe')[0]['name']];
			  			
			  			var data = iframeWin.getCheckData();
			  			fillData(data);
			  			
		  				layer.close(index);
			  		},
			  		cancel: function(index, layero){
		  				layer.close(index);
	  				}
			    });
		    });
		});  	
    });
    
</script>