<%var cssPar = {%>

<%};%>

<%var jsPar = {%>

<!-- <script>
	$(document).ready(function(){$(".fo-aw-title .fo-aw-title-myanswer .input").hide();});
</script> -->
	<script >
		$(document).ready(function(){
			// 标签添加的点击
			$(".modal .modal-body .del-tag").on("click","a", function(){
				a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".fo-qt-tag .fo-qt-addtag");
				a.remove();
				d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>"));
				$(".fo-qt-tag .fo-qt-addtag a em").addClass("icon-remove");
				$("#tagHiddenDiv").append($('<input type="hidden" id="tag' + c + '" name="labelList" value="' + c + '">'));
			});
			// 标签删除的点击
			$(".fo-qt-tag .fo-qt-addtag").on("click", "a",function(){
				a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".modal .modal-body .del-tag");
				a.remove();
				$('#tag' + c + '').remove();
				d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>"));
				$(".modal .modal-body .del-tag a em").addClass("icon-plus");
			});
		});
	</script>
	<script>
		function verifyForm(){
			if($("#title").val()==''){
				$("#title").focus();
				alert("请输入您的问题！");
				return false;
			}
			return true;
		}
	</script>
	
<%};%>

<%layout("/technicalQuestionsAnswers/commonPage/_layout.html", {nav:"",meunsel:"indexpage",jsParam:jsPar,cssParam:cssPar}) {%>
	<div class="container">
			<div class="row">
				<div class="fo-qt">
					<div class="container-fluid">
						<form id="form1" action="${contextPath}/TechnicalQa/editMyQuestion" method="post" onsubmit="return verifyForm();">
							<div class="row">
								<div class="col-xs-2 fo-qt-left">
									<span class="icon-star"></span>问题说明：
								</div>
								<div class="col-xs-10 fo-qt-content" style="display:block;">
									<div class="fo-qt-title">
										<textarea name="title" id="title" placeholder="请在这里概述您的问题主题"></textarea>
									</div>
									<div class="fo-qt-detail">
										<textarea name="detailed" id="detailed" placeholder="您可以在这里继续补充问题详细内容"></textarea>
									</div>
									
								</div>
							</div>
							<div class="row">
								<div class="col-xs-10 col-xs-offset-2 fo-qt-tag">
									<ul>
										<li><span>问题标签</span></li>
										<li>
											<div class="fo-qt-addtag">
												
											</div>
										</li>
										<li>
											<a href="#" class="btn" data-toggle="modal" data-target="#myModal" style="border: 2px solid #A0C2F9;">
												<span class="icon-plus"></span>添加标签
											</a>
											<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
											    <div class="modal-dialog">
											        <div class="modal-content">
											            <div class="modal-body">
															<p><i class="icon-fire icon-2x" style="color: red; margin-right: 15px;"></i>热门标签：</p>
															<div class="del-tag">
															<%for(tempLabel in lableList!){%>
																<a value="${tempLabel.code}" title="${tempLabel.name}" href="javascript:void(0);" id="${tempLabel.code}"><span>${tempLabel.name}</span><em class="icon-plus"></em></a>
															<%}%>
															</div>
														</div>
											            
											            <div class="modal-footer">
											                <button type="button" class="btn btn-default" data-dismiss="modal">完成</button>
											            </div>
											        </div>
											    </div>
											</div>
										</li>
										<li><span style="font-size: 10px; color: #C7C0CF;">正确的问题标签，会获得更准确专业的回答，标签不要超过五个</span></li>
									</ul>
								</div>
							</div>
							<div class="row" style="margin-top:20px;">
								<div class="col-xs-2 fo-qt-left"><!-- 提问服务： --></div>
								<div class="col-xs-10 fo-qt-btn">
									<!-- 
									<ul>
										<li style="float:left;"><label for=""><input type="checkbox">答题悬赏</label></li>
										<li style="float:left; margin: 0 18px; padding-top:2px;"><select name="" id="" style="width:50px;">
											<option value="">1</option>
											<option value="">2</option>
											<option value="">3</option>
											<option value="">4</option>
											<option value="">5</option>
										</select></li>
										<li style="padding-top:2px;">您当前的财富值为<span>15</span></li>
									</ul>
									 -->
									<div style="float:right;margin-top:10px;">
										<button class="btn btn-success">提交问题</button>
									</div>
										
								</div>
							</div>
							<div id="tagHiddenDiv"></div>
						</form>
					</div>					
				</div>
			</div>
		</div>
<%}%>