{% extends 'base.html.twig' %}
{% block wrapperClass %}campaignpage help{% endblock %}
{% block wrapperStyle %}
    {% if data.brandhub.brandhubCampaign != true %}
        {{ caCustomBg(data.pdata.data) }}
    {% endif %}
{% endblock %}

{% block brandhubWrapper %}
    {% if data.brandhub.brandhubCampaign %}
        {% include 'includes/brandhubview.html.twig' with {
        data : data
        } %}
    {% endif %}
{% endblock brandhubWrapper %}

{% block body %}
<div class="container clearfix navpadding">
    {{ renderTwigBlock('includes/campaigns/campaign.submenu',{ 'campaignData' : data}) }}

    <div class="col-md-12 col-sm-12 col-xs-12 content-general p0">
        <div class="col-md-9 col-sm-12 col-xs-12 pl0">
            <div class="col-md-12 p0">
				<div class="">
			{% if data.subcats %}
				<span class="col-md-12 col-sm-12 col-xs-12 p0 mb10 clearfix">{{ "FAQ_QUESTION_ABOUT"|translate }}</span>
				<div class="col-md-5 col-sm-5 col-xs-12 mb10 p0">
					<select class="form-control" id="filter">
						<option value="{{ data.cat }}">{{ 'SELECT'|translate }}</option>
				{% for subcat in data.subcats %}
					{% if subcat.general %}
					<option value="{{ subcat.general.item_id }}">{{ subcat.data.1 }}</option>
					{% endif %}
				{% endfor %}
					</select>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-6 mt15 mb15 text-right">
					<a id="btn_openfaq" href="#">{{ 'OPENALLFAQ'|translate }}</a> / <a id="btn_closefaq" href="#">{{ 'CLOSEALLFAQ'|translate }}</a>
				</div>
			{% endif %}
				<form class="form-inline" id="frm_search" name="frm_search" method="post">
					<div class="col-md-3 col-sm-3 col-xs-6 p0 mb10">
						<div class="input-group">
							<input type="text" name="txt_search" class="form-control" placeholder="" value="">
							<span class="input-group-btn">
								<button type="submit" name="btn_search" class="btn search btn-primary">
									<i class="fa fa-search"></i>	
								</button>
						  	</span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</form>
				</div>
				<div class="clearfix"></div>
				<div id="faqcontainer" class="content content-general col-lg-12 col-md-12 col-xs-12 pb10 pt10 mt10">
					<div id="faqwrapper" class="">
					{% if isArray(data.items) %}
						{% if data.top5 %}
							<h2 class="">{{ 'FAQ_TOP5'|translate }}</h2>
						{% endif %}
						{% for item in data.items %}
							{% if item.general %}
								<div class="faqitem" data-item="{{ item.general.item_id }}">
									<div class="title">
										<p><a href="#">{{ readFunnel(item.data, 1) }}</a></p>
									</div>
									<div class="text">
										{{ readFunnel(item.data, 3)|raw }}
									</div>
								</div>
							{% endif %}
						{% endfor %}
					{% else %}
						<p class="m10 bold">{{ 'NOITEMSFOUND'|translate }}</p>
					{% endif %}
					</div>
				</div>
				<div class="col-lg-12 col-md-12 p0 mb10" id="allFaqLink">
					{% if not getAll %}
						<a class="col-md-12 col-sm-12 pull-left p0 mb30" href="{{ urlAll }}">{{ "SHOWALLFAQ"|translate }}</a>
					{% endif %}
				</div>
			</div>
			<div class="clearfix"></div>
        </div>

		{{ renderTwigBlock('includes/campaigns/campaign.sidebar', {'shareUrl' : buildCanonical()}) }}
	</div>
</div>
{% endblock body %}
{% block readyStateFunction %}
	loadJS('{{ regGet('jspath') }}caFaq.js');
	$("#filter").change(function () {
		var cat = $(this).val();
		if (cat) {
			$.ajax({
				type: "GET",
				url: '{{ regGet('url') }}ajax/loadfaq/'+cat+'/',
				data: '',
				success: function (html) {

					$("#faqwrapper").html(html);
				}
			});
		}
		$("#allFaqLink").html("<a class='col-md-12 col-sm-12 pull-left p0' href='{{ urlAll }}'>{{ "SHOWALLFAQ"|translate }}</a>");
	});
{% endblock readyStateFunction %}