{include file="$template_path/html/header.html"}
<link rel="stylesheet" href="/mbthemes/js/good-form/css/style.css"> <!-- Resource style -->
<script src="/mbthemes/js/good-form/js/modernizr.js"></script> <!-- Modernizr -->
<script src="/mbthemes/js/good-form/js/main.js"></script> <!-- Resource jQuery -->
</head>
<body class="">
<section class="vbox">
	{include file="$template_path/html/pagenav.html"}
	<section>
		<section class="hbox stretch">
			{include file="$template_path/html/mobile-nav.html"}
			<section id="content" class="p-t-llg-xs">


				<section class="clearfix m-b-md">
					<div class="container">
						<div class="row">
							<div class="col-md-10 col-md-offset-1">
								{$errorMessage}
							</div>
						</div>
					</div>
					<div class="container m-t-lg m-xs-t-sm">
						<div class="row">
							<div class="col-md-10 col-md-offset-1">
								<div class="post-item panel-shadow" style="border-radius: 0">

									<div class="post-body wrapper-lg">

										<div class="ss-underlines font-normal post-h2">
											<h2 class="m-t-none text-black h2-xs">正确完成选择题，简单几步就可成为作者。</h2>
										</div>

										<div class="post-arc">

											<form class="cd-form m-t-sm floating-labels" action="" method="post">
												{if $questions}
												{foreach from=$questions item=q name=foo}
												<span class="h4 m-t-md m-b-md block">{$lang.question} {$smarty.foreach.foo.index+1}</span>
												<p class="block text-info p-t-md p-l-lg">{$q.name}</p>
												{if isset($answers[$q.id])}
												<ul class="cd-form-list p-l-lg m-b-none">
												{foreach from=$answers[$q.id] item=a}
													<li>
														<input id="answers_{$smarty.foreach.foo.index}_{$a.id}" name="answers[{$q.id}]" type="radio" value="{$a.id}" />
														<label for="answers[{$q.id}]">{$a.name}</label>
													</li>
												{/foreach}
												</ul>
												{/if}
												<div class="line line-dashed b-b line-lg pull-in"></div>
												{/foreach}
												<div class="form-submit-left" href="javascript: void(0);" onclick="$('#btn-sbm').click();">
													<button type="submit" name="submit" id="btn-sbm" class="btn btn-info">{$lang.check_quiz}</button>
												</div>
												{/if}
											</form>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>

				</section>



				{include file="$template_path/html/footer.html"}

			</section>
		</section>
	</section>
</section>
{literal}
<style>
	.cd-form {
		width: 100%;
		max-width: 100%;
		margin: 2em auto 0 auto;
	}
	.cd-form input[type="radio"] + label::before,
	.cd-form input[type="radio"] + label::after,
	.cd-form input[type="checkbox"] + label::before,
	.cd-form input[type="checkbox"] + label::after {
		margin-top: -11px;
	}
	.cd-form .cd-form-list {
	}
	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		z-index: 0;
	}
	table {
		border-collapse: collapse;
		width: 100%;
		background: #fff;
	}
	td, th {
		padding: 0.75em 1.5em;
		text-align: left;
	}
	td.err {
		background-color: #e992b9;
		color: #fff;
		font-size: 0.75em;
		text-align: center;
		line-height: 1;
	}
	th {
		background-color: #1ccacc;
		font-weight: bold;
		color: #fff;
		white-space: nowrap;
	}
	tbody th {
		background-color: #2ea879;
	}
	tbody tr:nth-child(2n-1) {
		background-color: #f5f5f5;
		transition: all .125s ease-in-out;
	}
	tbody tr:hover {
		background-color: #d8f1f1;
	}
</style>
{/literal}
</body>
</html>