{% trans_default_domain 'ECommerceBundle' %}
<div class="row">
<article class="col-12">
<div class="row cart-header">
<div class="col-sm-1"></div>
<div class="col">
<div class="block-title">{{ 'product.product'|trans }}</div>
</div>
<div class="col-md-3 mr-3">
<div class="row collapsed">
<div class="col">
<div class="block-title">{{ 'product.quantity'|trans }}</div>
</div>
</div>
</div>
</div>
<!-- .cart-section -->
<div class="cart-section bottom-space-2">
{% if individual_order.items is not empty %}
{% for item in products %}
<!-- .cart-row -->
<div class="row collapsed cart-row pt-2">
<div class="col-sm-1">
<div class="figure pull-left pl-2">
<a class="hidden-xs">
{% set photo = item.product.photos|first %}
{% if photo is not empty and photo.url is not empty %}
<img class="product-image img-fluid" src="{{ asset(photo.url)|imagine_filter('thumbnail') }}" alt="{{ item.product.title }}"
data-lity
data-lity-target="{{ asset(photo.url)|imagine_filter('product_small') }}"/>
{% else %}
<img class="product-image img-fluid" src="{{ asset('assets/static/no-photo.jpg') }}" alt="{{ item.product.title }}">
{% endif %}
</a>
</div>
</div>
<div class="col position-relative">
<div class="content pt-2">
<h5 class="title">
<a href="{{ path('mdl_app_product_filter_by_name', { title: item.product.title }) }}">
{{ item.product.title }}
{% if item.product.manufacturer is not null %}
{{ item.product.manufacturer.name }}
{% endif %}
</a>
</h5>
<div class="text">{{ item.product.category|upper }}</div>
</div>
{{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::removeAction', { 'id': item.id })) }}
</div>
<div class="col-md-3 mr-3">
{#{{ individual_order.items[item.id] }}#}
{{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::quantityAction', { 'id': item.id })) }}
</div>
</div>
<!-- /.cart-row -->
{% endfor %}
{% else %}
<div class="row collapsed cart-row pt-2">
<div class="col text-center">
{{ 'individual_order.empty'|trans }}
</div>
</div>
{% endif %}
</div>
<!-- /.cart-section -->
</article>
{% if individual_order.items is not empty %}
{{ form_start(form, {'attr': {'class': 'col-12'}}) }}
<div class="row">
<div class="col-12">
{{ form_rest(form) }}
</div>
<div class="col-12">
<!-- .cart-total -->
<div class="cart-total float-right">
<div>
<button class="btn btn-primary btn-arrow">
{{- 'individual_order.next_step'|trans|raw -}}
<span class="icon fa fa-angle-right"></span>
</button>
{#<a href="{{ path('mdl_public_individual_order_checkout') }}" class="">
</a>#}
</div>
</div>
<!-- /.cart-total -->
</div>
</div>
{{ form_end(form) }}
{% endif %}
</div>