import(_Nav)
<!-- End Navbar -->
<div class="wrapper">
	<div class="main">
		<div class="section section-typo">
			<img src="/assets/img/path1.png" class="path">
			<img src="/assets/img/path3.png" class="path path1">
			<div class="container ID" id="ID1">
				<h3 class="title">尊敬的 {{ InviteUserName }} {{ InviteUserWorkSex }}，您好！</h3>
				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{ InviteEmailContent }}
						</div>
					</div>
				</div>
				<div class="row" style="text-align: center;">
					<div class="col-md-12">
						<button class="btn" onclick="showSection('ID2');">我加入！</button>
						<button class="btn btn-info" onclick="showSection('ID3');">我再考虑考虑吧</button>
						<button class="btn btn-warning" onclick="showSection('ID4');">我凭什么加入你们工作室？！</button>
						<button class="btn btn-danger"onclick="showSection('ID5');">我拒绝加入！</button>
					</div>
				</div>
			</div>
			<div class="container ID" id="ID2">
				<h3 class="title">尊敬的</h3>
				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{ InviteJoinEmailContent }}
						</div>
					</div>
				</div>
			</div>
			<div class="container ID" id="ID3">
				<h3 class="title">尊敬的 {{ InviteUserName }} {{ InviteUserWorkSex }}，后会有期！</h3>
				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{ InviteAgainEmailContent }}
							<button class="btn" onclick="showSection('ID2');">我加入！</button>
							<button class="btn" onclick="showSection('ID1');">返回选择界面</button>
							<button class="btn btn-danger"onclick="showSection('ID6',true);">去看看工作室有什么好的</button>
						</div>
					</div>
				</div>
			</div>
			<div class="container ID" id="ID4">
				<h3 class="title">尊敬的 {{ InviteUserName }} {{ InviteUserWorkSex }}，后会有期！</h3>
				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{ InviteWhyEmailContent }}
							<button class="btn" onclick="showSection('ID2');">我加入！</button>
							<button class="btn" onclick="showSection('ID1');">返回选择界面</button>
							<button class="btn btn-danger"onclick="showSection('ID6',true);">去看看工作室有什么好的</button>
						</div>
					</div>
				</div>
			</div>
			<div class="container ID" id="ID5">
				<h3 class="title">尊敬的 {{ InviteUserName }} {{ InviteUserWorkSex }}，后会有期！</h3>

				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{ InviteRefuseEmailContent }}
							<button class="btn" onclick="showSection('ID2');">我加入！</button>
							<button class="btn" onclick="showSection('ID1');">返回选择界面</button>
							<button class="btn btn-danger"onclick="showSection('ID6',true);">去看看工作室有什么好的</button>
						</div>
					</div>
				</div>
			</div>
			<div class="container ID" id="ID6">
				<h3 class="title">尊敬的 {{ InviteUserName }} {{ InviteUserWorkSex }}，欢迎！</h3>
				<div id="typography">
					<div class="row">
						<div class="col-md-12">
{{  }}
						</div>
					</div>
				</div>
			</div>
		</div>
		<style>
		   .ID {
				display: none;
			  }
		</style>
		<script>
			function showSection(id,noupdata=false) {
				const sections = document.querySelectorAll('div');
				sections.forEach(section => {
					if (section.id != id && section.id.match(/ID(\w+)/)) {
					section.style.display = 'none';
					}
				});
				document.getElementById(id).style.display = 'block';
				if (!noupdata){
					$.ajax({
						url: '/Invite/Post/Choose.api',
						type: 'POST',
						data: {
							InviteChoose: id.match(/ID(\w+)/)[1],
							InviteUserName: '{{ InviteUserName }}',
						},
						error: function() {
							layui.use('layer', function(){
									layui.layer.msg('网络错误，无法保存您的选择！');
								}
							)
						},
						success: function(data) {
							if (data == 'ERROR'){
								layui.use('layer', function(){
										layui.layer.msg('网络错误，无法保存您的选择！');
									}
								)
								return;
							}
						}
					});
				}
			}
			showSection('ID{{ InviteChoose }}',true);
		  </script>
import(_Footer)