{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
{% block sitefeedback %}	
	{% if ob_project_site_management_access_rule.site_feedback.status == 1 %}
		<div class="js-feedback-block ob-feedback-block" style="right:-330px;">
			<a href="javascript:void(0)" class="feedback-btn isdragg" id="js-site-feed-btn"> <i class="fa fa-comment quote-icon"></i> {{ 'feedback.site_feedback.feedback'|trans }}</a>
			<div class="feedback-form" id="feed-form">
		    	<p>{{ 'feedback.site_feedback.subtitle_first'|trans }}<br/>
					{{ 'feedback.site_feedback.subtitle_second'|trans }}</p>
				<ul class="feedback-tabs" id="js-sitefeedback-get-category">
					<li class="active" data-category="{{ 'feedback.site_feedback.category.idea'|trans }}"><a data-toggle="pill" href="#category"><i class="fa fa-lightbulb-o"></i> {{ 'feedback.site_feedback.category.idea'|trans }}</a></li>
		            <li data-category="{{ 'feedback.site_feedback.category.problem'|trans }}"><a data-toggle="pill" href="#category"><i class="fa fa-info-circle"></i> {{ 'feedback.site_feedback.category.problem'|trans }}</a></li>
		            <li data-category="{{ 'feedback.site_feedback.category.question'|trans }}"><a data-toggle="pill" href="#category"><i class="fa fa-question-circle"></i> {{ 'feedback.site_feedback.category.question'|trans }}</a></li>
		            <li data-category="{{ 'feedback.site_feedback.category.praise'|trans }}"><a data-toggle="pill" href="#category"><i class="fa fa-heart"></i> {{ 'feedback.site_feedback.category.praise'|trans }}</a></li>
				</ul>
		        <div class="clearfix"></div>
		        <div class="tab-content">
		        <div id="category" class="tab-pane in active">
					<form action="{{ path('office_brain_feedbackbundle_sitefeedback_addsitefeedbackpost')}}" method="post" id="site_feedback_form" novalidate>
		                <div class="form-group">	                
		                   	{% block comment_block %}{% endblock comment_block %}	                     
		                </div>
		                <div class="form-group">
		                	<label class="checkout-label" for="summary">{{ 'feedback.site_feedback.summary.label'|trans }}</label>
		                   	{% block summary_block %}{% endblock summary_block %}
		                </div>
		                <div class="form-group">
		                	<label class="checkout-label" for="email">{{ 'feedback.site_feedback.email.label'|trans }}<i class="mandatory-field">*</i></label>	
		                	{% block email_block %}{% endblock email_block %}	                
		                </div>
		                	{% block category_block %}{% endblock category_block %}
		                	{% block formrest_block %}{% endblock formrest_block %}	                	                	                
		                <input type="button" value="Submit feedback" class="btn btn-default js-site-feedback-submit">
					</form>
		        </div>      
		      </div>
			</div>
		</div>	
	{% endif %}
{% endblock sitefeedback %}
{% endblock ajax_body %}