{% extends 'base.html.twig' %}
{% block title %}{{ 'TITLE_CONTACT'|translate }}{% endblock %}
{% block wrapperClass %}help{% endblock %}
{% block body %}

    <div class="container clearfix navpadding">
        <div class="content-general">
            {% if not error %}
				<div class="col-lg-12 col-md-12 p0">
					<h1 class="col-md-12 p0">{{ readFunnel(data.texts, 1) }}</h1>
					<p>{{ readFunnel(data.texts, 3)|raw }}</p>
	
					<div class="col-md-12 p0 clearfix">
	
						<div class="col-md-5 col-sm-5 p0">
							{% if loggedin() and data.subcats is defined %}
								<p class="">
									<select class="form-control" id="filter">
										<option disabled selected hidden>{{ "SELECT"|translate }}</option>
										{% for cat in data.subcats %}
											{% if cat.general is defined %}
												{%  if cat.data.data_1_1 is defined and cat.data.data_1_1 is not empty  %}
												<option value="{{ writeArrayVar(cat, ['general', 'item_id']) }}">{{ writeArrayVar(cat, ['data','data_1_1']) }}</option>
												{% else  %}
												<option value="{{ writeArrayVar(cat, ['general', 'item_id']) }}">{{ writeArrayVar(cat, ['data','data_1']) }}</option>
												{% endif %}
											{% endif %}
										{% endfor %}
									</select>
								</p>
							{% endif %}
						</div>
	
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mt15 text-right">
							<a id="btn_openfaq" href="#">{{ "OPENALLFAQ"|translate }}</a> / <a id="btn_closefaq" href="#">{{ "CLOSEALLFAQ"|translate }}</a>
						</div>
						{% if loggedin() %}
							<form class="form-inline col-md-3 col-sm-3 p0 clearfix" id="frm_search" name="frm_search"
								  method="post" action="/{{ regGet('locale') }}/info/contact/">
	
								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p0 mb10 clearfix">
									<div class="input-group col-md-12 col-sm-12 col-xs-12 p0">
										<input type="text" name="txt_search" class="form-control"
											   placeholder="{{ "SEARCH"|translate }}"
											   value="{{ data.search }}">
										<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-12 -->
	
								{{ fetchView("includes/csrf")|raw }}
							</form>
						{% endif %}
					</div>
				</div>
	
				<div class="" id="faqRow">
					{% include 'includes/info/faq.container.html.twig' with{
						'items' : data.items,
						'id' :  data.top5,
						'hide' : ''
					} %}
	
					{% if data.listCategories is valuableArray %}
						{% for category in data.listCategories %}
							{% include 'includes/info/faq.container.html.twig' with{
								'items' : category.substits.0,
								'title' : readFunnel(category, 1),
								'id'    : category.item_id,
								'hide'  : ' hide '
							} %}
						{% endfor %}
					{% endif %}
	
				</div>
	
				<div class="clearfix">
	
					<div class="col-lg-12 col-md-12 p0 mb10 clearfix" id="allFaqLink">
						{% if data.all is not defined and loggedin() %}
							<a class="col-md-12 col-sm-12 pull-left p0"
							   href="/{{ regGet('locale') }}/info/contact/?all=1">{{ "SHOWALLFAQ"|translate }}</a>
						{% endif %}
					</div>
					<div class="col-lg-12 col-md-12 p0 mb10 clearfix" id="contactFormDiv">
						<button id="contactFormButton" data-toggle="modal" data-target="#contactform"
								onclick="loadCaptcha('{{ symfonyContainerParameter('google_recaptcha_site_key') }}', 'recaptchaContact')"
								class="btn btn-primary yellow pull-left mt30 mb30">
							<i class="fa fa-angle-right"></i>
							{{ "NOANSWERFOUND"|translate }}
						</button>
	
						{% include 'includes/info/contact.form.html.twig' with{
							'data' : data
						} %}
					</div>
				</div>
			{% else %}
				<div class="col-lg-12 col-md-12 p0 mt40">
					{{ error|raw }}
				</div>
			{% endif %}
        </div>
    </div>
{% endblock %}

{% block assetsBottom %}
    {{ parent() }}
    {{ fetchFormValidation('formulier','output','successContact(responseText);', false, true)|raw }}
{% endblock %}

{% block readyStateFunction %}
    loadJS('{{ regGet('jspath') }}sections/myinsider/faq.js');
    $("#filter").change(function(){
		$(".faqcontainer").addClass('hide');
		$("#"+this.value).removeClass('hide');
		$("#allFaqLink").html("<a href='/{{ regGet('locale') }}/info/contact/?all=1'>{{ "SHOWALLFAQ"|translate }}</a>");
    });
    {% if data.contact is defined and data.contact == 1 %}
        setTimeout(function () {
        	$('#contactFormButton').trigger('click');
        }, 500);
    {% endif %}
{% endblock readyStateFunction %}