{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<form class="layui-form p-4">
	<h3 class="pb-3">Contact Information</h3>
    <table class="layui-table layui-table-form">
      <tr>
        <td class="layui-td-gray">Customer Name</td>
        <td colspan="5">{$detail.customer}</td>
      </tr>
      <tr>
        <td class="layui-td-gray">Name</td>
        <td>{$detail.name} </td>
		<td class="layui-td-gray">Phone</td>
        <td>{$detail.mobile}</td>
		<td class="layui-td-gray">Gender</td>
        <td>
			{eq name="$detail.sex" value="1"}Male{/eq}
			{eq name="$detail.sex" value="2"}Female{/eq}
        </td>
	  </tr>
	  <tr>
		<td class="layui-td-gray">WeChat ID</td>
        <td>{$detail.wechat}</td>
		<td class="layui-td-gray">QQ Number</td>
        <td>{$detail.qq}</td>
		<td class="layui-td-gray">Email</td>
        <td>{$detail.email}</td>
      </tr>
	  <tr>
		<td class="layui-td-gray">Title</td>
        <td>{$detail.nickname}</td>
		<td class="layui-td-gray">Department</td>
        <td>{$detail.department}</td>
		<td class="layui-td-gray">Position</td>
        <td>{$detail.position}</td>
      </tr>
	  <tr>
		<td class="layui-td-gray">Birthday</td>
        <td>{$detail.birthday}</td>
		<td class="layui-td-gray">Home Address</td>
        <td colspan="3">{$detail.address}</td>
      </tr>
	  <tr>
		<td class="layui-td-gray">Family Members</td>
        <td colspan="5">
			<table id="interfix" class="layui-table layui-table-min" style="margin:0;">
				<tr>
					<th width="150">Member Name</th>
					<th width="150">Relationship</th>
					<th>Notes</th>
				</tr>
				{notempty name="$detail.family_array" }
				{volist name="$detail.family_array" id="vo"}
				<tr class="more_interfix">
					<td>{$vo.family_name}</td>
					<td>{$vo.family_relations}</td>
					<td>{$vo.family_remarks}</td>
				</tr>
				{/volist}
				{else/}
				<tr class="tr-none">
					<td colspan="3" style="padding:12px 0; text-align:center;">No data</td>
				</tr>
				{/notempty}
			</table>
		</td>
      </tr>
    </table>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	const moduleInit = ['tool'];
	function gouguInit() {


	}
</script>
{/block}
<!-- /Script -->