{% load applicationcontent_tags pagination_tags i18n cloudcms_tags %}

<div class="two-cols lt-small clearfix details faq">
	<div class="rt">
		<div class="question details {{ question.service.class_name }}">
		    <h2>{{ question.title|upper }}</h2>
		    <div class="content">
		        {% for content in question.content.main %}
		            {{ content.render }}
		        {% endfor %}
		    </div>
		    <div class="clearfix next-prev">
	    	{% if question.get_next %}
	    		<a href="{{ question.get_next.get_absolute_url }}" class="next">Next ></a> 	
	        {% endif %} 
	    	{% if question.get_previous %}
	    		<a href="{{ question.get_previous.get_absolute_url }}" class="prev">< Previous</a>
	    	{% else %}
	    		<a href="{{ question.back_url }}">{% trans "&lt; Back to FAQ" %}</a>
	    	{% endif%}
		    	
		    </div>
		</div>
		 
		<!--div class="extra-menu">
			{% for service in services %}
				{% if service == question.service %}
				<div class="faq-category {{ service.class_name }}">				 
					 {% for category, questions in service|get_service_faqs %}
					 	{% if category == question.category %}
					 	  <h3>{{ service.translation.title_faq|upper }} > {{ category.translation.title }}</h3>
			              <ul>
			                {% for q in questions %}
			                  <li>
			                     {% if q != question %}<a href="{{ q.get_absolute_url }}">{% endif %}{{ q.title }}{% if q != question %}</a>{% endif %}
			                  </li>
			                  {% endfor %}
			                  <br />
			              </ul>
			           {% endif %}
			         {% endfor %}
				</div>
				{% endif %}
			{% endfor %}
		</div-->
	</div>
	 
	<div class="lt">
		{% for service in services %}
			{% if service.get_first_question %}
			<div class="faq-category {{ service.class_name }}">
				<h2>
					{% if service != question.service %}
						<a href="{{ service.get_first_question.get_absolute_url }}">
					{% endif %}
						{{ service.translation.title_faq|upper }}
					{% if service != question.service %}
						</a>
					{% endif %}
				</h2>
				 
				 {% for category, questions in service|get_service_faqs %}
	
				 	{% if service == question.service %}
	              <h3>{{ category.translation.title }}</h3>
	              <ul>
	                {% for q in questions %}
	                  <li {% if q = question %}class="current"{% endif %}>
	                     <a href="{{ q.get_absolute_url }}">{{ q.title }}</a>
	                  </li>
	                  {% endfor %}
	                  <br />
	              </ul>
		           {% endif %}
		         {% endfor %}
			</div>
			{% endif %}
		{% endfor %}
	</div>
</div>