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

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

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

{% block content %}

	<div class="ui stackable grid">
		<div class="eleven wide column">
			<div class="ui padded segment" id="sylius-shipping-methods">
				<div class="breadcrumb_section bg_gray page-title-mini py-5 px-4">
					<div
						class="container">
						<!-- STRART CONTAINER -->
						<div class="row align-items-center">
							<div class="col-md-6">
								<div class="display-4 my-2">

									<h1 class="display-4 my-2">Expédition</h1>

								</div>
							</div>
						</div>
					</div>
					<!-- END CONTAINER-->
				</div>
				{{ sylius_template_event('sylius.shop.checkout.select_shipping.before_form', {'order': order}) }}

				{{ form_start(form, {'action': path('sylius_shop_checkout_select_shipping'), 'attr': {'class': 'ui loadable form', 'novalidate': 'novalidate'}}) }}
				{{ form_errors(form) }}
				<input type="hidden" name="_method" value="PUT"/>

				{% include '@SyliusShop/Checkout/SelectShipping/_form.html.twig' %}

				{{ sylius_template_event('sylius.shop.checkout.select_shipping.before_navigation', {'order': order}) }}

				{% include '@SyliusShop/Checkout/SelectShipping/_navigation.html.twig' %}

				{{ form_row(form._token) }}
				{{ form_end(form, {'render_rest': false}) }}
			</div>
		</div>
		<div class="five wide column">
			{{ sylius_template_event(['sylius.shop.checkout.select_shipping.sidebar', 'sylius.shop.checkout.sidebar'], _context) }}
		</div>
	</div>
{% endblock %}