{extend name="../../base/view/common/base" /}
<!-- Main -->
{block name="body"}
<form class="layui-form p-page" lay-filter="form-trips">
	<h3 class="pb-2">Business Trip</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray-2">Start Time<font>*</font></td>
			<td><input name="start_date" class="layui-input tool-time" value="{$detail.start_date|default=''}" readonly lay-verify="required" placeholder="Please select the start time" lay-reqText="Please select the start time" data-type="datetime"></td>
			<td class="layui-td-gray">End Time<font>*</font></td>
			<td><input name="end_date" class="layui-input tool-time" value="{$detail.end_date|default=''}" readonly lay-verify="required" placeholder="Please select the end time" lay-reqText="Please select the end time" data-type="datetime"></td>
			<td class="layui-td-gray">Trip Days<font>*</font></td>
			<td><input name="duration" class="layui-input" value="{$detail.duration|default=''}" lay-verify="required|number" placeholder="Please enter the trip days" lay-reqText="Please enter the trip days"></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Trip Reason<font>*</font></td>
			<td colspan="5">
				<textarea name="reason" placeholder="Please enter the trip reason" class="layui-textarea" lay-verify="required" lay-reqText="Please enter the trip reason">{$detail.reason|default=''}</textarea>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Attachments <button type="button" class="layui-btn layui-btn-xs" id="uploadBtn"><i class="layui-icon"></i></button></td>
			<td colspan="5">
				<div class="layui-row" id="uploadBox">
					<input data-type="file" type="hidden" name="file_ids" value="{$detail.file_ids|default=''}">
					{notempty name="$detail.file_ids"}
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4">{:file_card($vo)}</div>
					{/volist}
					{/notempty}
				</div>
			</td>
		</tr>
	</table>
	<div id="checkBox" data-status="{$detail.check_status|default=0}" data-id="{$detail.id|default=0}" data-checkflowid="{$detail.check_flow_id|default=0}" class="pt-3"></div>
	<div class="pt-4">
		<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">Submit Now</button>
		<button type="reset" class="layui-btn layui-btn-primary">Reset</button>
	</div>
</form>
{/block}
<!-- /Main -->

<!-- Script -->
{block name="script"}
<script>
const moduleInit = ['tool','uploadPlus','oaCheck'];
	function gouguInit() {
		var form = layui.form,tool=layui.tool,uploadPlus=layui.uploadPlus,laydate = layui.laydate,oaCheck=layui.oaCheck;
		oaCheck.init({
			check_name:'trips',
			check_btn:0
		});	
		var fileUp = new uploadPlus();
	
		// Listen for submit
		form.on('submit(webform)', function (data) {
			let callback = function (e) {
				layer.msg(e.msg);
				if (e.code == 0) {
					let checkCallback = function (e) {
						layer.msg(e.msg);
						if (e.code == 0) {
							tool.sideClose(1000);				
						}
					}
					data.field.check_name = 'trips';
					data.field.action_id = e.data.return_id;
					oaCheck.submit(data.field,checkCallback);
				}
			}
			let clickbtn = $(this);
			tool.post("/home/trips/add", data.field, callback,clickbtn);
			return false;
		});	
	}
</script>
{/block}
<!-- /Script -->