{extend name="../../base/view/common/base" /}
<!-- Main -->
{block name="body"}
<div class="layui-form p-page">
	<h3 class="pb-3">Reimbursement Details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray-2">Voucher No.</td>
			<td>{$detail.code}</td>
			<td class="layui-td-gray">Posting Month</td>
			<td>{$detail.income_month_str}</td>
			<td class="layui-td-gray-2">Document Date</td>
			<td>{$detail.expense_time}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Reimbursement Entity</td>
			<td colspan="5">{$detail.subject_name|default='-'}</td>
		</tr>
		{if condition="$detail.project_id > 0"}
		<tr>
			<td class="layui-td-gray">Related Project</td>
			<td colspan="5">{$detail.ptname}</td>
		</tr>
		{/if}
		<tr>
			<td class="layui-td-gray">Employee</td>
			<td>{$detail.admin_name}</td>
			<td class="layui-td-gray">Department</td>
			<td>{$detail.department}</td>
			<td class="layui-td-gray">Total Amount (CNY)</td>
			<td><span style="color:#1E9FFF">{$detail.cost}</span></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Offset Loan</td>
			<td colspan="3">
			<span style="color:#16b777">{$detail.balance_cost}</span>
			{if condition="$detail.loan_id > 0"}
			[<a data-href="/finance/loan/view?id={$detail.loan_id}" class="side-a">Offset Loan Details</a>]
			{/if}
			</td>
			<td class="layui-td-gray">Payable Amount (CNY)</td>
			<td><span style="color:#ff5722">{$detail.pay_amount}</span></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Reimbursement Items</td>
			<td colspan="5">	
				<table class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="100">Amount (CNY)</th>
						<th width="150">Category</th>
						<th>Remarks</th>
					</tr>
					{volist name="$detail.list" id="vo"}
					<tr>
						<td>{$vo.amount}</td>
						<td>{$vo.cate_title}</td>
						<td style="text-align:left">{$vo.remarks}</td>
					</tr>
					{/volist}
				</table>
			</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" id="uploadFile{$vo.id}">{:file_card($vo,'view')}</div>
					{/volist}
				</div>
			</td>
		</tr>
		{/notempty}
		{if ( $detail.check_status eq 2)}
			{if ( $detail.pay_status eq 1)}
				<tr>
					<td class="layui-td-gray">Payment Status</td>
					<td><span class="yellow">Paid</span></td>
					<td class="layui-td-gray">Payer</td>
					<td>{$detail.pay_admin}</td>
					<td class="layui-td-gray">Paid At</td>
					<td>{$detail.pay_time}</td>
				</tr>
			{else/}
				<tr>
					<td class="layui-td-gray">Payment Status</td>
					<td><span class="red">Unpaid</span></td>
					<td class="layui-td-gray">Payer</td>
					<td>-</td>
					<td class="layui-td-gray">Paid At</td>
					<td>-</td>
				</tr>
			{/if}
		{/if}
	</table>	

	<div id="checkBox" class="pt-3" data-status="{$detail.check_status}" data-id="{$detail.id}" data-checkflowid="{$detail.check_flow_id}"></div>
</div>
{/block}
<!-- /Main -->

<!-- Script -->
{block name="script"}
<script>
const moduleInit = ['tool','oaCheck'];
function gouguInit() {
	var form = layui.form,tool=layui.tool, oaCheck=layui.oaCheck;	
	oaCheck.init({
		check_name:'expense'
	});
}
</script>
{/block}
<!-- /Script -->