<div class="link-collection-content">
	<accordion close-others="false">
		<accordion-group is-open="category.status.open" ng-if="category.questions.length > 0" ng-repeat="category in view.faqSet.categories" ng-init="category.status = {};">

			<accordion-heading>
				<div class="link-usercategory-content">
					<span ng-if="!category.isRoot">
						{{category.title}}
					</span>
					<span ng-if="category.isRoot">
						{{'Uncategorized' | translate}}
					</span>
					<i ng-if="category.questions.length > 0"
					   class="pull-right glyphicon"
					   ng-class="{'glyphicon-chevron-down': category.status.open,
                                  'glyphicon-chevron-right': !category.status.open}"></i>
				</div>
			</accordion-heading>

			<ul class="list-group">
				<li class="list-group-item" ng-repeat="question in category.questions | filter:q as results" ng-show="question.isTopFAQ || category.showAll">
					<a href="javascript:;" ng-hide="webpartProperties.useDialog" 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 ng-click="question.showAnswer = !question.showAnswer">{{question.question}}</span>
					</a>
					<a href="javascript:;" ng-show="webpartProperties.useDialog" 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}}
					</a>
					<div class="question-content">
						<div id="row_{{question.id}}" ng-if="question.showAnswer">
							<div style="margin-left:30px">
								<p class="fr-view" ng-bind-html="question.answer | wizdom365TrustHtml"></p>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="text-center faqShowAllButton" ng-show="category.showShowAllButton" ng-click="category.showAll = !category.showAll">
				<a href="javascript:;">
					<span ng-show="!category.showAll">{{'Show all questions' | translate}}</span>
					<span ng-show="category.showAll">{{'Show only top questions' | translate}}</span>
				</a>
			</div>
		</accordion-group>

	</accordion>

</div>
