{extend name="../../base/view/common/base" /}
{block name="body"}
<form class="layui-form p-4">
	<h3 class="pb-3">Monthly Work Report</h3>
	<table class="layui-table layui-table-form">
		<tr>
			{if ($id == 0) OR ($detail.send_time == 0) }
			<td class="layui-td-gray">Recipients<font>*</font></td>
			<td>
				<input type="text" name="to_unames" value="{$detail.to_unames|default=''}" lay-verify="required" lay-reqText="Please select recipients" placeholder="Please select recipients" readonly class="layui-input picker-admin" data-type="2">
				<input type="hidden" name="to_uids" value="{$detail.to_uids|default=''}">
			</td>
			{else/}
			<td class="layui-td-gray">Recipients</td>
			<td>{$detail.to_unames|default=''}</td>
			{/if}
			<td class="layui-td-gray">Report period<font>*</font></td>
			<td><input type="text" class="layui-input tool-time" data-range="~" name="range_date" readonly value="{$detail.range_date|default=''}" lay-verify="required" lay-reqText="Please complete the report period"></td>
		</tr>		
		<tr>
			<td class="layui-td-gray">This month's work<font>*</font></td>
			<td colspan="3"><textarea name="works" placeholder="Enter this month's work content" class="layui-textarea" style="height: 120px;" lay-verify="required" lay-reqText="Please enter this month's work content">{$detail.works|default=''}</textarea></td>
		</tr>
		<tr><td class="layui-td-gray">Next month's plan</td>
			<td colspan="3"><textarea name="plans" placeholder="Enter next month's plan" class="layui-textarea" style="height: 120px;">{$detail.plans|default=''}</textarea></td>
		</tr>
		<tr><td class="layui-td-gray">Other items</td>
			<td colspan="3"><textarea name="remark" placeholder="Enter other items" class="layui-textarea" style="height: 120px;">{$detail.remark|default=''}</textarea></td>
		</tr>
		<tr>
			<td class="layui-td-gray"><div class="layui-input-inline">Attachments</div> <div class="layui-input-inline"><button type="button" class="layui-btn layui-btn-xs" id="uploadBtn"><i class="layui-icon"></i></button></div></td>
			<td colspan="3">
				<div class="layui-row" id="uploadBox">
					<input type="hidden" name="file_ids" data-type="file" value="{$detail.file_ids|default=''}">
					{notempty name="$detail.file_array"}
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4">{:file_card($vo)}</div>
					{/volist}
					{/notempty}
				</div>
			</td>
		</tr>
	</table>
	<div class="pt-4">
		<input type="hidden" value="{$id}" name="id">
		<input type="hidden" value="{$types}" name="types">
		<input type="hidden" value="0" name="send">
		<button class="layui-btn" lay-submit="" lay-filter="webform1">Save only</button>
		{if ($id == 0) OR ($detail.send_time == 0) }
		<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">Save and send</button>
		{/if}
	</div>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
const moduleInit = ['tool','oaPicker','uploadPlus'];
	function gouguInit() {
		var form = layui.form,tool=layui.tool,uploadPlus = layui.uploadPlus;
		var attachment = new uploadPlus({
			"title":'Upload file',
			"target":'uploadBtn',
			"targetBox":'uploadBox'
		});
		// Listen for send
		form.on('submit(webform)', function(data){
			if(data.field.uids==login_admin){
				layer.msg('Recipient cannot be yourself');
				return false;
			}
			data.field.send=1;
			tool.ask('Save and send this work report now?', function(index){
				$.ajax({
					url: "/oa/work/add",
					type:'post',
					data:data.field,
					success:function(e){
						layer.msg(e.msg);
						if (e.code == 0) {						
							tool.sideClose(1000);
						}
					}
				})
				layer.close(index);
			});
			return false;
		});
		
		// Listen for save
		form.on('submit(webform1)', function(data){
			tool.ask('Save this work report without sending?', function(index){
				$.ajax({
					url: "/oa/work/add",
					type:'post',
					data:data.field,
					success:function(e){
						layer.msg(e.msg);
						if (e.code == 0) {						
							tool.sideClose(1000);
						}
					}
				})
				layer.close(index);
			});
			return false;
		});
	}		
	</script>
{/block}
<!-- /Script -->