{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<form class="layui-form p-page">
	<h3 class="pb-3">Add Employee Contract</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray">Contract Category</td>
			<td>{$cate_title}</td>
			<td class="layui-td-gray">Contract Type</td>
			<td>New contract</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Employee Name<font>*</font></td>
			<td>
				<input type="text" name="uname" lay-verify="required" autocomplete="off" placeholder="Please select" lay-reqText="Please select employee" class="layui-input picker-admin" readonly value="">
				<input type="hidden" name="uid" value="0">
			</td>
			<td class="layui-td-gray">Contracting Company<font>*</font></td>
			<td>
				<select name="enterprise_id" lay-verify="required" lay-reqText="Please select contracting company">
					<option value="">Please select</option>
					{volist name=":get_base_data('Enterprise')" id="vo"}
					<option value="{$vo.id}">{$vo.title}</option>
					{/volist}
				</select>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Contract Name<font>*</font></td>
			<td>
				<input type="text" name="title" lay-verify="required" autocomplete="off" placeholder="Please enter contract name" lay-reqText="Please enter contract name" class="layui-input" value="">
			</td>
			<td class="layui-td-gray">Contract Code<font>*</font></td>
			<td>
				<input type="text" name="code" lay-verify="required" autocomplete="off" placeholder="Please enter contract code" lay-reqText="Please enter contract code" class="layui-input" value="">
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Signing Date<font>*</font></td>
			<td>
				<input type="text" name="sign_time" readonly lay-verify="required" autocomplete="off" placeholder="Please select" lay-reqText="Please select signing date" class="layui-input tool-time" value="">
			</td>
			<td class="layui-td-gray">Contract Attribute<font>*</font></td>
			<td>
				<select name="properties" lay-verify="required" lay-reqText="Please select contract attribute">
					<option value="">Please select</option>
					{volist name="$properties" id="vo"}
					{gt name="$key" value="0"}
					<option value="{$key}">{$vo}</option>
					{/gt}
					{/volist}
				</select>
			</td>
		</tr>
		</tr>
		<tr>			
			<td class="layui-td-gray-2">Effective Date<font>*</font></td>
			<td>
				<input type="text" name="start_time" readonly lay-verify="required" autocomplete="off" placeholder="Please select" lay-reqText="Please select effective date" class="layui-input tool-time" value="">
			</td>
			<td class="layui-td-gray-2">Expiration Date<font>*</font></td>
			<td>
				<input type="text" name="end_time" readonly lay-verify="required" autocomplete="off" placeholder="Please select" lay-reqText="Please select expiration date" class="layui-input tool-time" value="">
			</td>
		</tr>
		{eq name="$cate_id" value="1"}
		<tr>
			<td class="layui-td-gray-2">Trial Months<font>*</font></td>
			<td>
				<input type="text" name="trial_months" lay-verify="required|number" autocomplete="off" placeholder="Please enter" lay-reqText="Please enter trial months (numbers only)" class="layui-input" value="">
			</td>
			<td class="layui-td-gray-2">Trial End Date<font>*</font></td>
			<td>
				<input type="text" name="trial_end_time" readonly lay-verify="required" autocomplete="off" placeholder="Please select" lay-reqText="Please select trial end date" class="layui-input tool-time" value="">
			</td>
		</tr>
		<tr>	
			<td class="layui-td-gray-2">Trial Salary (CNY)<font>*</font></td>
			<td>
				<input type="text" name="trial_salary" lay-verify="required|number" autocomplete="off" placeholder="Please enter" lay-reqText="Please enter trial salary (numbers only)" class="layui-input" value="">
			</td>
			<td class="layui-td-gray-2">Salary After Probation (CNY)<font>*</font></td>
			<td>
				<input type="text" name="worker_salary" lay-verify="required|number" autocomplete="off" placeholder="Please enter" lay-reqText="Please enter salary after probation (numbers only)" class="layui-input" value="">
			</td>
		</tr>
		{/eq}
		{in name="$cate_id" value="2,3"}
		<tr>	
			<td class="layui-td-gray-2">Salary Cost (CNY)<font>*</font></td>
			<td>
				<input type="text" name="worker_salary" lay-verify="required|number" autocomplete="off" placeholder="Please enter" lay-reqText="Please enter salary cost (numbers only)" class="layui-input" value="">
			</td>
		</tr>
		{/in}
		<tr>
			<td class="layui-td-gray">Remarks</td>
			<td colspan="3">
				<textarea name="remark" placeholder="Enter remarks (optional)" class="layui-textarea"></textarea>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray"><strong>Attachments</strong> <button class="layui-btn layui-btn-xs add-tr" type="button" data-type="upload" id="uploadBtn">+ Upload attachment</button></td>
			<td colspan="3">
				<div class="layui-row" id="uploadBox">
					<input type="hidden" data-type="file" name="file_ids" value="">
				</div>
			</td>
		</tr>
	</table>
	<div class="pt-4">
		<input type="hidden" name="id" value="0"/>
		<input type="hidden" name="cate" value="{$cate_id|default=1}"/>
		<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">Submit</button>
		<button type="reset" class="layui-btn layui-btn-primary">Reset</button>
	</div>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	var moduleInit = ['tool','oaPicker','uploadPlus'];

	function gouguInit() {
		var form = layui.form, tool = layui.tool,uploadPlus=layui.uploadPlus;
		// Attachment upload
		var attachment = new uploadPlus();
		// Listen for submit
		form.on('submit(webform)', function (data) {
			let callback = function (e) {
				layer.msg(e.msg);
				if (e.code == 0) {
					tool.sideClose(1000);
				}
			}
			let clickbtn = $(this);
			tool.post("/user/laborcontract/add", data.field, callback,clickbtn);
			return false;
		});
	}
</script>
{/block}
<!-- /Script -->