{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<div class="p-page">
	<h3 class="pb-2">Overtime Details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray-2">Start Time</td>
			<td>{$detail.start_date}</td>
			<td class="layui-td-gray">End Time</td>
			<td>{$detail.end_date}</td>
			<td class="layui-td-gray">Hours</td>
			<td id="days">Total {$detail.duration|default=0} hours</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Reason</td>
			<td colspan="5">{$detail.reason|default=''}</td>
		</tr>
		{notempty name="$detail.file_ids"}
		<tr>
			<td class="layui-td-gray">Attachments</td>
			<td colspan="5">
				<div class="layui-row">
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4">{:file_card($vo,'view')}</div>
					{/volist}
				</div>
			</td>
		</tr>
		{/notempty}
	</table>
	<div id="checkBox" data-status="{$detail.check_status}" data-id="{$detail.id}" data-checkflowid="{$detail.check_flow_id}" class="pt-3"></div>
</div>
{/block}
<!-- /Body -->
<!-- Scripts -->
{block name="script"}
<script>
	var moduleInit = ['tool','oaCheck'];

	function gouguInit() {
		var tool = layui.tool,oaCheck = layui.oaCheck;
		// Approval
        oaCheck.init({
            check_name:'overtimes',
        });
	}
</script>
{/block}
<!-- /Scripts -->