<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row comments-add-col--content">
<div class="col-md-8 col-sm-12">
<div class="form-ui">
{% if app.user %}
{{ form_start(reviewForm , {'attr' : {'class' : 'pt-0'}}) }}
<div class="row">
<div class="col-12">
<div class="mb-3">
<div class="form-row-title">
<h3> {{ form_label(reviewForm.content, 'متن نظر') }}</h3>
</div>
<div class="form-row with-icon">
{{ form_widget(reviewForm.content, {'attr': {'class': 'input-ui pr-2', 'rows': 5}}) }}
{{ form_errors(reviewForm.content) }}
</div>
</div>
</div>
<div class="col-6">
<div id="pros-container" class="mb-3 col-12 form-comment-title--positive mt-2 ">
<style>
.form-comment-title--positive:before {
width: 8px;
height: 8px;
position: absolute;
right: 16px;
top: 6px;
border-radius: 4px;
background: green;
content: "";
}
</style>
<div class="form-row-title mb-2 pr-2">
نقاط قوت
</div>
<div data-prototype="{{ form_widget(reviewForm.pros.vars.prototype)|e('html_attr') }}">
{% for proField in reviewForm.pros %}
<div class="input-group mb-2 ui-input--add-point">
{{ form_widget(proField, {'attr': {'class': 'form-control input-ui pr-2 ui-input-field'}}) }}
<button type="button" class="btn btn-danger remove-item">–
</button>
</div>
{% endfor %}
</div>
<button type="button" id="add-pro"
class="btn btn-outline-success btn-sm mt-2 ui-input-point js-icon-form-add">
+
افزودن مزیت
</button>
</div>
</div>
<div class="col-6">
<div id="cons-container" class="mb-3 col-12 form-comment-title--negative mt-2">
<div class="form-row-title mb-2 pr-2">
نقاط ضعف
</div>
<div data-prototype="{{ form_widget(reviewForm.cons.vars.prototype)|e('html_attr') }}">
{% for conField in reviewForm.cons %}
<div class="input-group mb-2 ui-input--add-point">
{{ form_widget(conField, {'attr': {'class': 'form-control input-ui pr-2 ui-input-field'}}) }}
<button type="button" class="btn btn-danger remove-item">–
</button>
</div>
{% endfor %}
</div>
<button type="button" id="add-con"
class="btn btn-outline-danger btn-sm mt-2">+ افزودن عیب
</button>
</div>
</div>
<div class="col-6">
<div class="product-offer-question">
<div class="section-title text-sm-title title-wide mb-1 no-after-title-wide">
<h2 class="font-weight-bold">امتیاز شما به این محصول</h2>
</div>
<div class="product-offer-question-option">
{{ form_widget(reviewForm.rating) }}
{{ form_errors(reviewForm.rating) }}
</div>
</div>
</div>
<div class="col-6">
<div class="product-offer-question">
<div class="section-title text-sm-title title-wide mb-1 no-after-title-wide">
<h2 class="font-weight-bold">آیا این خرید را
پیشنهاد می کنید؟</h2>
</div>
<div class="product-offer-question-option">
{{ form_widget(reviewForm.recommend) }}
{{ form_errors(reviewForm.recommend) }}
</div>
</div>
</div>
<div class="col-12 px-0 mt-3">
<button type="submit" class="btn btn btn-primary px-3 w-100">
ثبت نظر
</button>
</div>
</div>
{{ form_end(reviewForm) }}
{% else %}
<p>برای ثبت نظر، لازم است ابتدا وارد حساب کاربری خود
شوید.
</p>
<a href="{{ path('customer_panel_login') }}">ورود / ثبت نام</a>
{% endif %}
</div>
</div>
<div class="col-md-4 col-sm-12">
<h3>دیگران را با نوشتن نظرات خود، برای انتخاب این محصول راهنمایی کنید.</h3>
<div class="desc-comment">
<p>لطفا پیش از ارسال نظر، خلاصه قوانین زیر را مطالعه کنید:</p>
<p>فارسی بنویسید و از کیبورد فارسی استفاده کنید. بهتر است از فضای خالی (Space)
بیشازحدِ معمول، شکلک یا ایموجی استفاده نکنید و از کشیدن حروف یا کلمات با
صفحهکلید بپرهیزید.</p>
<p>نظرات خود را براساس تجربه و استفادهی عملی و با دقت به نکات فنی ارسال کنید؛
بدون
تعصب به محصول خاص، مزایا و معایب را بازگو کنید و بهتر است از ارسال نظرات
چندکلمهای خودداری کنید.</p>
<p>بهتر است در نظرات خود از تمرکز روی عناصر متغیر مثل قیمت، پرهیز کنید.</p>
<p>به کاربران و سایر اشخاص احترام بگذارید. پیامهایی که شامل محتوای توهینآمیز و
کلمات نامناسب باشند، حذف میشوند.</p>
<p>از ارسال لینکهای سایتهای دیگر و ارایهی اطلاعات شخصی خودتان مثل شماره تماس،
ایمیل و آیدی شبکههای اجتماعی پرهیز کنید.</p>
</div>
</div>
</div>
</div>
</div>