{% import '@SyliusShop/Common/Macro/breadcrumbs.html.twig' as breadcrumbs %}
{% import '@SyliusShop/Common/Macro/headers.html.twig' as headers %}

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

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

{% block title %}{{ 'sylius.ui.write_your_own_review'|trans }} | {{ parent() }}{% endblock %}

{% set product = product_review.reviewSubject %}

{% block content %}
    {% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' with {crumbs: [{label: 'sylius.ui.write_your_own_review'|trans}]} %}

    {{ headers.default('sylius.ui.write_your_own_review'|trans) }}

    <div class="grid gap-4 my-4">
        <div class="g-col-12 g-col-md-4">
            {{ sylius_template_event('sylius.shop.product_review.create.product_box', _context) }}
        </div>
        <div class="g-col-12 g-col-md-8">
            <p>{{ 'sylius.ui.you_are_reviewing'|trans }} <strong>{{ product.name }}</strong>.</p>

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

            {{ form_start(form, {'action': path('sylius_shop_product_review_create', {'slug': product.slug, '_locale': product.translation.locale}), 'attr': {'class': 'loadable', '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) }}

            <button type="submit" class="btn btn-primary" {{ sylius_test_html_attribute('add') }}>
                {{ 'sylius.ui.add'|trans }}
            </button>
            {{ form_end(form, {'render_rest': false}) }}
        </div>
    </div>
{% endblock %}