<%
	import org.exoplatform.faq.webui.FAQUtils;
	uicomponent.setLanguages();
%>
<div class="UIQuestionForm $uicomponent.id">
	<% uiform.begin() %>
		<div class="HorizontalLayout" style="padding:10px 0px;">
			<div class="UIFormInput">
				<table class="UIFormGrid" style="width:95%">
					<tbody>
					<% 
					for(field in uiform.getChildren()) { 
						if(field.getName().equals(uicomponent.ATTACHMENTS) || 
								field.getName().equals(uicomponent.IS_APPROVED) || 
								field.getName().equals(uicomponent.IS_ACTIVATED)){
							continue;
						} else if(field.isRendered()) {
					    if(field.getName().equals( uicomponent.QUESTION_DETAIL)){
					%>
							  <tr>
							    <td class="FieldLabel" style="width:100px; text-align:right">
							      <label for="<%=field.getId()%>"><%=uicomponent.getLabel(field.getName()) %> :</label>
							    </td>
							    <td class="FieldComponent" style="padding-left:4px; white-space:nowrap;">
										<% uiform.renderField(field) %>
							    </td>
							  </tr>
							
						<%} else if(field.getName().equals( uicomponent.ALL_LANGUAGES)){
							if(!uicomponent.isRenderSelectLang) continue;
								String link = uiform.event(uicomponent.DELETE_LANGUAGE_ACTION, uicomponent.id,"delete question");
						%>
								<tr>
									<td class="FieldLabel" style="width:100px; text-align:right">
										<label for="<%=field.getId()%>"><%=uicomponent.getLabel(field.getName()) %> :</label>
									</td>
									<td class="FieldComponent" style="padding-left:4px; white-space:nowrap;">
										<div class="ClearFix">
											<div style="float:left;"><% uiform.renderField(field) %></div>
											<div onclick="$link" style="float:left; width:24px;">
												<div class="DustBinIcon"><span></span></div>
											</div>
										</div>
									</td>
								</tr>
						<%} else {%>
								<tr>
									<%fieldName = uicomponent.getLabel(field.getName());
										if(!fieldName.equals(uicomponent.getId())) {%>												
											<td class="FieldLabel" style="width:100px">
												<label for="<%=field.getId()%>"><%=uicomponent.getLabel(field.getName()) %> :</label>
											</td>
											<td class="FieldComponent" style="white-space:normal;">
													<% uiform.renderField(field) %>
													<%if(field.getName().equals("Author") || field.getName().equals("EmailAddress") || field.getName().equals("QuestionTitle")) {%> * <%}%><br/>
											</td>
									<%} else {%>
											<td class="FieldComponent" colspan="2"><% uiform.renderField(field) %></td>
									<%}%>
								</tr>
					<%  }
					  }
					}
					if(uiform.isAddCheckBox) {
					%>
						<!-- ============== Validation apporved and activate ============================ -->
						<tr>
							<td class="FieldLabel" style="width:100px">
								<%=_ctx.appRes("UIQuestionForm.label.Validation")%> :
							</td>
							<td class="FieldComponent" style="white-space:normal;">
								<div style="float:left;">
									<div style="float:left; padding:0px 4px 0px 4px;">
										<%uiform.renderChild(uicomponent.IS_APPROVED);%>
										<label for="<%=uicomponent.IS_APPROVED%>"><%=_ctx.appRes("UIQuestionForm.label.IsApproved")%></label>
									</div>
									<div style="float:left; padding:0px 4px 0px 4px;">
										<%uiform.renderChild(uicomponent.IS_ACTIVATED);%>
										<label for="<%=uicomponent.IS_ACTIVATED%>"><%=_ctx.appRes("UIQuestionForm.label.IsActivated")%></label>
									</div>
								</div>
							</td>
						</tr>
					<%}%>
					<!-- ======================= Attachment =========================== -->
					<tr>
						<td class="FieldLabel" style="white-space:nowrap; width:100px">
							<%=_ctx.appRes("UIQuestionForm.label.Attachment")%> :
						</td>
						<td class="FieldComponent" style="white-space:normal;">
							<%
							if(!uicomponent.getListFile().isEmpty()) {
								String name = "" ;
								String link = "" ;
								for(attachment in uicomponent.getListFile()) {
						      name = attachment.getName() ;
						      if(attachment.getId() != null) {
						      	link = uicomponent.event("RemoveAttachment", attachment.getId()) ;
						      } else {
						      	link = uicomponent.event("RemoveAttachment", attachment.getPath()) ;
						      }
						     	if(name.length() < 80){
							     %>
							     	<div class="ViewAttachFile AttachmentIcon FileAttachmentIcon">
						     			$name
						     	<%} else {%>
							     	<div class="ViewAttachFile AttachmentIcon FileAttachmentIcon">
							     		<a href="javaScript:void(0);" title="$name" style="color:black;" title="">
						     				<%=FAQUtils.getSubString(name, 80)%>
						     			</a>
						     	<%}%>
											<a href="$link" style="color:#058EE6; font-size:12px;" title="<%=_ctx.appRes("UIQuestionForm.label.Remove")%>">
												<img class="DustBin" src="/eXoResources/skin/DefaultSkin/background/Blank.gif" alt="<%=_ctx.appRes("UIQuestionForm.label.Remove")%>"/>
											</a>
										</div>
						    <%
						  	}
							}
							%>
							<a style="padding-left:5px; color:blue; font-style:italic; text-decoration:underline" href="<%=uicomponent.event("Attachment")%>">
								<%=_ctx.appRes("UIQuestionForm.label.AttachAFile")%>
							</a>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
		
		<div class="UIAction">
    <% for(action in uicomponent.getActions()) { 
	        		 if(action.indexOf("Remove") >= 0) continue ; 
	        	 String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); 
	           String link = uicomponent.event(action) ;
	        %>
      <a href="javascript:void(0);" onmousedown="$link" onkeydown="$link" class="ActionButton LightBlueStyle">$actionLabel</a>
       <%}%>
    </div>
	<%uiform.end()%>
</div>
