#if($hits)
	
<div class="page-header">
  <h1>Frequently Asked Questions </h1>
</div>
	
	<div class="card-group" id="faq-list">

	#foreach($hit in $hits)

		<div class="card card-default" id="card-${hit.id}">
	    	<a href="#" id="panelref-${hit.id}" name="panelref-${hit.id}"></a>
	        <div class="card-header">
				<h4 class="card-title">
			  		<a data-toggle="collapse" data-parent="#faq-list" href="#collapse-${hit.id}">
			  			$!hit.name
			  			<span id="card-${hit.id}-icon" class="fas fa-chevron-down" style="float:right;"></span>
			  		</a>
			   </h4>
	        </div>
	        <div id="collapse-${hit.id}" class="card-collapse collapse toggel-content in">
	            <div class="card-body">
	            	$!hit.response
	            </div>
	        </div>
	    </div>
	#end
	</div>

#end