<div>
	<div class="row">
		<div ng-repeat="category in view.faqSet.categories" ng-if="category.questions.length > 0">
			<div class="col-md-12">
				<div style="width: 100%; overflow: hidden;">
					<div style="width: 54px; float: left;">
						<span ng-show="category.pictureUrl">
							<img ng-src="{{category.pictureUrl}}" style="height:42px;width:42px;border-radius: 10px;" />
						</span>
						<span ng-hide="category.pictureUrl">
							<img ng-src="{{appUrl}}Modules/FAQ/Content/question_mark.png" style="height:42px;width:42px;border-radius: 10px;" />
						</span>
					</div>
					<div style="margin-left: 54px;">
						<span class="category-heading" ng-hide="$index == 0">{{category.title}}</span>
						<ul class="list-unstyled">
							<li ng-repeat="question in category.questions track by $index" ng-show="question.isTopFAQ || category.showAll">
								<span ng-hide="webpartProperties.useDialog" class="question-heading" wizdom365-faq-slide-toggle="#row_{{question.id}}">
									<i class="glyphicon glyphicon-question-sign question-heading-icon" ng-hide="question.icon"></i>
									<wizdom365-icon class="question-heading-icon" icon="question.icon"></wizdom365-icon>
									<span>{{question.question}}</span>
								</span>
								<span ng-show="webpartProperties.useDialog" class="question-heading" ng-click="openDialog(question)">
									<i class="glyphicon glyphicon-question-sign question-heading-icon" ng-hide="question.icon"></i>
									<wizdom365-icon class="question-heading-icon" icon="question.icon"></wizdom365-icon>
									{{question.question}}
								</span>
								<div class="question-content">
									<div id="row_{{question.id}}" class="wizdom365-faq-slideable" duration="0.5s">
										<div style="margin-left:30px">
											<p ng-bind-html="question.answer | wizdom365TrustHtml"></p>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<div class="text-center" ng-show="category.showShowAllButton" ng-click="category.showAll = !category.showAll">
							<a href="">
								<span ng-show="!category.showAll">{{'Show all questions' | translate}}</span>
								<span ng-show="category.showAll">{{'Hide all questions' | translate}}</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>