{% if deliveries is not empty %}
<section id="delivery" class="rounded column unselectable">
	<div class="column">
		<div id="deliveries" class="row">
			{% for identifier, delivery in deliveries %}
			<input id="{{ identifier }}" name="delivery" type="radio">
			<label class="rounded" for="{{ identifier }}" type="button"
				title="{{ (language.name == 'ru' ? 'Выбрать ' : 'Choose ') ~ delivery.label }}"
				onclick="core.delivery.company(this.previousElementSibling)" tabindex="5">
				{{ delivery.label }}
			</label>
			{% endfor %}
		</div>
		<script>
			document.addEventListener('DOMContentLoaded', () => {
				// The document loaded
				
				setTimeout(() => {
					// Selecting active delivery company <input> element in the delivery list <div> element
					document.getElementById('deliveries')?.querySelector('label[for="{{ account.buffer.delivery.company ?? session.buffer.delivery.company }}"]')?.click()
				}, 300);
			});
		</script>
	</div>
</section>
<section id="delivery_request" class="rounded row unselectable merged{% if
	session.buffer.delivery[account.buffer.delivery.company ?? session.buffer.delivery.company].ready!=false %}
	 hidden{% endif %}">
	<p>
		<!-- <i class="icon pin small"></i> -->
		<span>{{ language.name == 'ru' ? 'Укажите данные для доставки' : 'Enter delivery information' }}</span>
	</p>
</section>
{% endif %}
