{extend name="../../base/view/common/base" /}
<!-- Main -->
{block name="body"}
<div class="layui-form p-page">
	<h3 class="pb-2">Loan Details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray">Loan Title</td>
			<td colspan="3">{$detail.title}</td>
			<td class="layui-td-gray-2">Company Entity</td>
			<td>{$detail.subject_name|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray-2">Loan Amount</td>
			<td><span style="color:#1E9FFF">{$detail.cost} CNY</span></td>
			<td class="layui-td-gray">Requester</td>
			<td>{$detail.admin_name} ({$detail.department})</td>
			<td class="layui-td-gray">Loan No.</td>
			<td>{$detail.code|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Loan Type</td>
			<td colspan="3">
				{eq name="$detail.types" value="1"}Petty cash{/eq}
				{eq name="$detail.types" value="2"}Project advance{/eq}
			</td>
			<td class="layui-td-gray-2">Expected Repayment Date</td>
			<td>{$detail.plan_time|date='Y-m-d'}</td>
		</tr>
		{notempty name="$detail.project_id"}
		<tr>
			<td class="layui-td-gray">Related Project</td>
			<td colspan="5">{$detail.ptname|default=''}</td>
		</tr>
		{/notempty}
		<tr>
			<td class="layui-td-gray">Reason</td>
			<td colspan="5">{$detail.content}</td>
		</tr>
		{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">Paid By</td>
					<td>{$detail.pay_admin}</td>
					<td class="layui-td-gray">Paid At</td>
					<td>{$detail.pay_time}</td>
				</tr>
				<tr>
					<td class="layui-td-gray">Offset Status</td>
					<td>
						{eq name="$detail.balance_status" value="0"}<span class="green">Not offset</span>{/eq}
						{eq name="$detail.balance_status" value="1"}<span class="blue">Partially offset</span>{/eq}
						{eq name="$detail.balance_status" value="2"}<span class="red">Fully offset</span>{/eq}
					</td>
					<td class="layui-td-gray-2">Offset Amount</td>
					<td colspan="3">{$detail.balance_cost}</td>
				</tr>
				<tr>
					<td class="layui-td-gray">Repayment Status</td>
					<td>
						{eq name="$detail.back_status" value="0"}<span class="red">Not repaid</span>{/eq}
						{eq name="$detail.back_status" value="1"}<span class="green">Repaid</span>{/eq}
						{eq name="$detail.back_status" value="2"}<span class="blue">No repayment required</span>{/eq}
					</td>
					{eq name="$detail.back_status" value="1"}
						<td class="layui-td-gray">Handled By</td>
						<td>{$detail.back_admin}</td>
						<td class="layui-td-gray">Repaid At</td>
						<td>{$detail.back_time}</td>
					{/eq}
				</tr>
			{else/}
				<tr>
					<td class="layui-td-gray">Payment Status</td>
					<td><span class="red">Unpaid</span></td>
					<td class="layui-td-gray">Paid By</td>
					<td>-</td>
					<td class="layui-td-gray">Paid At</td>
					<td>-</td>
				</tr>
			{/if}
		{/if}
		{notempty name="$detail.expense"}
		<tr>
			<td class="layui-td-gray">Offset Records</td>
			<td colspan="5">	
				<table class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th>Total Expense (CNY)</th>
						<th>Offset Amount (CNY)</th>
						<th>Payable Amount (CNY)</th>
						<th>Expense Voucher No.</th>
						<th>Original Document Date</th>
						<th>Posting Month</th>
						<th>Actions</th>
					</tr>
					{volist name="$detail.expense" id="vo"}
					<tr>
						<td class="blue">{$vo.cost}</td>
						<td class="green">{$vo.balance_cost}</td>
						<td class="red">{$vo.pay_amount}</td>
						<td>{$vo.code}</td>
						<td>{$vo.expense_time|date='Y-m-d'}</td>
						<td>{$vo.income_month|date='Y-m'}</td>
						<td><a data-href="/finance/expense/view?id={$vo.id}" class="side-a">Details</a></td>
					</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{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="uploadImg{$vo.id}">{:file_card($vo,'view')}</div>
					{/volist}
				</div>
			</td>
		</tr>
		{/notempty}
	</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:'loan',
		check_reversed:null
	});
}
</script>
{/block}
<!-- /Script -->