{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<div class="p-page">
	<h3 class="pb-2">Document details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray">Document name</td>
			<td colspan="3">{$detail.title}</td>
			<td class="layui-td-gray">Document number</td>
			<td>{$detail.code}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Drafted by</td>
			<td>{$detail.draft_name}</td>
			<td class="layui-td-gray">Drafting department</td>
			<td>{$detail.draft_dame}</td>
			<td class="layui-td-gray">Draft date</td>
			<td>{$detail.draft_time|date="Y-m-d"}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Primary recipients</td>
			<td colspan="3">{$detail.send_names}</td>
			<td class="layui-td-gray">CC recipients</td>
			<td>{$detail.copy_names|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray-2">Shared viewers</td>
			<td>{$detail.share_names|default='-'}
				{eq name="$auth_office" value="1"}
				<span id="shares" data-ids="{$detail.share_uids}" data-names="{$detail.share_names}" class="layui-btn layui-btn-xs layui-btn-normal ml-1">Change</span>
				{/eq}
			</td>
			<td class="layui-td-gray">Secrecy level</td>
			<td>
				{eq name="$detail.secrets" value="1"}Public{/eq}
				{eq name="$detail.secrets" value="2"}Secret{/eq}
				{eq name="$detail.secrets" value="3"}Confidential{/eq}
			</td>
			<td class="layui-td-gray">Urgency</td>
			<td>
				{eq name="$detail.urgency" value="1"}Normal{/eq}
				{eq name="$detail.urgency" value="2"}Urgent{/eq}
				{eq name="$detail.urgency" value="3"}High priority{/eq}
			</td>
		</tr>
		{notempty name="$detail.file_ids"}
		<tr>
			<td class="layui-td-gray-2">Attachments</td>
			<td colspan="5">
				<div class="layui-row" id="uploadBox">
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4" id="fileItem{$vo.id}">{:file_card($vo,'view')}</div>
					{/volist}
				</div>
			</td>
		</tr>
		{/notempty}
		<tr>
			<td class="layui-td-gray" style="vertical-align:top;">Content</td>
			<td colspan="5">{$detail.content|raw}</td>
		</tr>
	</table>
	
	<div id="checkBox" data-status="{$detail.check_status|default=0}" data-id="{$detail.id|default=0}" data-checkflowid="{$detail.check_flow_id|default=0}" class="pt-3"></div>
</div>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	var detail_id = {$detail.id};
	const moduleInit = ['tool','oaCheck','oaPicker'];
	function gouguInit() {
		var form = layui.form,tool=layui.tool,oaCheck=layui.oaCheck,oaPicker=layui.oaPicker;	
		oaCheck.init({
			check_name:'official_docs',
			check_copy:0
		});
		
		let eventCallback = function (e) {
			layer.msg(e.msg);
			parent.layui.pageTable.reload();
			setTimeout(function(){
				location.reload();
			},1200)					
		}
		// Shared members picker
		$('body').on('click','#shares',function () {
			let that = $(this);
			let ids=$(this).data('ids')+'',names = $(this).data('names')+'';
			oaPicker.employeeInit({
				ids:ids,
				names:names,
					type:2,// 1 single, 2 multi
				callback:function(data){
					let select_id=[],select_name=[];
					for(var a=0; a<data.length;a++){
						select_id.push(data[a].id);
						select_name.push(data[a].name);
					}
					tool.post("/adm/official/add", {'id':detail_id,'share_uids':select_id.join(','),'scene':'change'}, eventCallback);
				}
			});
		});
	}
</script>
{/block}
<!-- /Script -->