{% extends '@SyliusShop/layout.html.twig' %}

{% form_theme form '@SyliusShop/Form/theme.html.twig' %}

{% set product = product_review.reviewSubject %}

{% block content %}
    <section id="page-title">
        <div class="container">
            <div class="page-title">
                <h1>{{ 'sylius.ui.personal_information'|trans }}</h1>
            </div>
            <div class="breadcrumb justify-content-center" style="background-color: transparent">
                <ul>
                    <li><a href="{{ path('sylius_shop_homepage') }}"><i class="fa fa-home"></i></a> </li>
                    <li><a href="{{ path('sylius_shop_account_dashboard') }}">{{ product.name}}</a> </li>
                    <li class="active" aria-current="page">{{ 'sylius.ui.write_your_own_review'|trans }}</li>
                </ul>
            </div>
        </div>
    </section>
<div class="container pt-4 pb-4">
    <div class="col-lg-12 text-center">
        <h2><span>{{ product.name }}</span></h2>
        <p>{{ 'sylius.ui.write_your_own_review'|trans }}</p>
    </div>
    <div class="row">
        <div class="col-lg-6">
            {{ sylius_template_event('sylius.shop.product_review.create.product_box', _context) }}
        </div>
            {{ sylius_template_event('sylius.shop.product_review.create.before_form', {'product_review': product_review}) }}
        <div class="col-lg-6">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    {{ form_start(form, {'action': path('sylius_shop_product_review_create', {'slug': product.slug, '_locale': product.translation.locale}), 'attr': {'class': 'ui loadable reply form', 'novalidate': 'novalidate'}}) }}
                    {% include '@SyliusShop/ProductReview/_form.html.twig' %}

                    {{ sylius_template_event('sylius.shop.product_review.create.form', {'product_review': product_review, 'form': form}) }}

                    {{ form_row(form._token) }}
                    <div class="col-lg-12 text-center">
                        <button type="submit" class="btn btn-info" {{ sylius_test_html_attribute('add') }}>
                            <i class="icon check"></i> {{ 'sylius.ui.add'|trans }}
                        </button>
                    </div>
                    {{ form_end(form, {'render_rest': false}) }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}