{extend name="../../base/view/common/base" /}
<!-- Main -->
{block name="body"}
<div class="layui-form p-page">
	<h3 class="pb-2">Non-invoice Payment Details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray-2">Advance Amount</td>
			<td class="blue">{$detail.amount} CNY</td>
			<td class="layui-td-gray">Payer</td>
			<td>{$detail.subject}</td>
		</tr>
		<tr>
			<td class="layui-td-gray-3">Payee (Supplier)</td>
			<td colspan="3">{$detail.supplier_name}</td>
		</tr>
		{if condition="$detail.purchase_id > 0"}
		<tr>
		<td class="layui-td-gray">Related Purchase Contract</td>
			<td colspan="3">{$detail.purchase_name|default=''}</td>
		</tr>
		{/if}
		{if condition="$detail.project_id > 0"}
		<tr>
		<td class="layui-td-gray">Related Project</td>
			<td colspan="3">{$detail.project_name|default=''}</td>
		</tr>
		{/if}
		{notempty name="$detail.remark"}
		<tr>
			<td class="layui-td-gray">Remarks</td>
			<td colspan="3">{$detail.remark}</td>
		</tr>
		{/notempty}
		{notempty name="$detail.file_ids"}
		<tr>
			<td class="layui-td-gray">Attachments</td>
			<td colspan="3">
				<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}
	</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 ticket_id = {$detail.id};
const moduleInit = ['tool','oaCheck','uploadPlus'];
function gouguInit() {
	var form = layui.form,tool=layui.tool, oaCheck=layui.oaCheck,uploadPlus = layui.uploadPlus;	
	oaCheck.init({
		check_name:'ticketa'
	});
	// Attachment upload
	var attachment = new uploadPlus({
		"attachment":{
			uidDelete:true,
			ajaxSave:function(val){
				$.ajax({
					url: "/finance/api/upload_ticket",
					type:'post',
					data:{
						id:ticket_id,
						other_file_ids:val
					},
					success: function (e) {
						location.reload();
					}
				})
			},
			ajaxDelete:function(val){
				$.ajax({
					url: "/finance/api/upload_ticket",
					type:'post',
					data:{
						id:ticket_id,
						other_file_ids:val
					},
					success: function (e) {
						location.reload();
					}
				})
			}
		}
	})
}
</script>
{/block}
<!-- /Script -->