{% set problemsConstant = 'Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingRateConstant::' %}
{% set unsatisfyingID = constant(problemsConstant ~ 'UNSATISFYING') %}
{% set unsatisfiedLabel = "unsatisfying" %}
<div class="modal bd-example-modal-lg small modal-box quick-modal-box" id="ratingProblemsModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document" ng-init="initResetRating()">
<div class="modal-content modal-lg modal-box__content modal-box__content_h-sm-100">
<div class="modal-box__header modal-lg border-gray_bottom">
<span class="modal-box__title">
{{ 'layout.feedback_form.contact_feedback'|trans }}
</span>
<button type="button"
class="modal-close modal-box__close"
data-dismiss="modal"
ng-click="onCloseRatingProblemsModal()">
<img src="/images/close_dark_gray.svg"/>
</button>
</div>
<form name="feedback" id="feedbackProblemsForm"
method="post"
ng-init="unsatisfyingID = {{ unsatisfyingID }}"
ng-submit="onSubmitRatingProblems({{ unsatisfiedLabel|json_encode() }})">
<div class="problems-form px-xl">
<p class="rating-form__text pt-xl">{{ 'layout.feedback_form.problem_title'|trans }}</p>
<div class="problems-list">
{% set arrayProblems = {} %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'NO_ANSWER'),
label: constant(problemsConstant ~ 'NO_ANSWER_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'NOT_PROFESSIONAL'),
label: constant(problemsConstant ~ 'NOT_PROFESSIONAL_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'WRONG_NUMBER'),
label: constant(problemsConstant ~ 'WRONG_NUMBER_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'NOT_AVAILABLE'),
label: constant(problemsConstant ~ 'NOT_AVAILABLE_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'WRONG_PRICE'),
label: constant(problemsConstant ~ 'WRONG_PRICE_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'WRONG_PHOTOS'),
label: constant(problemsConstant ~ 'WRONG_PHOTOS_LABEL')}]) %}
{% set arrayProblems = arrayProblems|merge([{ id: constant(problemsConstant ~ 'WRONG_DETAILS'),
label: constant(problemsConstant ~ 'WRONG_DETAILS_LABEL')}]) %}
<div class="problems-list__item check-list">
{% for problem in arrayProblems %}
<div class="check-list__item">
<input type="checkbox" ng-model="checkboxData[{{ problem.id }}]" ng-true-value="{{ problem.id }}" ng-false-value="0"
id="problem_{{ problem.id }}" name="FilterProblems" class="check-list__checkbox check-child">
<label for="problem_{{ problem.id }}" class="mb-0">{{ problem.label|trans }}</label>
</div>
{% endfor %}
</div>
<div class="problems-list__item comment-box">
<label class="comment-box__label">{{ 'layout.feedback_form.other_message'|trans }}</label>
<textarea class="comment-box__textarea" id="otherComments" name="FilterProblems" ng-model="otherComments" ng-trim="true" placeholder="{{ 'layout.feedback_form.other_message_placeholder'|trans }}"></textarea>
</div>
</div>
</div>
<div class="modal-box__footer text-center">
<div class="form-group mb-0 mx-auto w-100 " >
<button type="submit"
class="btn btn-block rounded-pill btn-primary cta-btn" > {{ 'layout.feedback_form.problem_submit'|trans }}</button>
</div>
</div>
</form>
</div>
</div>
</div>