<div class="resposive-add-discussion-conatiner hidden-md hidden-lg hidden-sm" ng-controller="neighborhoodDiscussionController">
<div class="containers">
<div class="page-header">
<h2 class="custom-header">{{ "neighborhoods.discussion.main_title"|trans }}</h2>
<p class="discussion-form-sub-title responsive_style">{{ "neighborhoods.discussion.sub_title"|trans }}</p>
</div>
<div class="row">
<div class="col-xs-12" ng-init="showFormData = false;discussionContent='';">
{{ form_start(responsiveDiscussionForm, {attr: {'ng-submit': 'submitDiscussion($event, data)'}}) }}
<div class="discussion-form-textarea">
{{ form_widget(responsiveDiscussionForm.content, {'attr': {'placeholder': "neighborhoods.discussion.content"|trans({'%location%': ''}, 'messages'), 'ng-click' : 'showFormData = true;', 'ng-model' : 'discussionContent' } }) }}
</div>
<div id="discussion-form-content" class="discussion-form-containers"
ng-show="showFormData">
<div id="location_search"> {{ form_widget(responsiveDiscussionForm.location, { 'attr' : { 'class' : 'chosen'}}) }} </div>
{{ form_widget(responsiveDiscussionForm.category) }}
</div>
{% set shownRoutes = ['section_slug', 'property_type_slug', 'location_slug', 'search', 'property_type_search'] %}
{% if app.request.attributes.get('_route') in shownRoutes %}
<div class="discussions col-lg-12 col-md-12 col-sm-12 col-xs-12"
ng-controller="neighborhoodDiscussionController">
{% include "@AqarmapDiscussionBundle/Discussion/discussionTableWidget.html.twig" %}
</div>
{% endif %}
<button type="submit" id="discussion-submit-btn"
class="darken btn btn-primary btn-block">{{ "neighborhoods.discussion.share"|trans }} </button>
{{ form_end(responsiveDiscussionForm) }}
<div class="cancel-button">
<a href="" class="text-center"
ng-click="showFormData = false;discussionContent='';"
ng-show="showFormData">{{ "common.cancel"|trans }}</a>
</div>
</div>
</div>
</div>
</div>