{% extends 'Navbars/base.html.twig' %}

{% block nav_image %}
	{{ render(controller('App\\Controller\\Shop\\ShopController::logo', {shop: shop})) }}
{% endblock %}

{% block nav_title %}
	<a href="{{ path('foxorders_shop_shop_edit', {'id': shop.id}) }}" class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1">
		{{ shop.name }}
	</a>
{% endblock %}
{% block nav_description %}
	{% if shop.shopTranslations is iterable and shop.shopTranslations|length > 0 %}
		{% set description = shop.shopTranslations.first.description %}
		<p class="mt-3">{{ description|slice(0, 100) }}
			{% if description|length > 100 %}...{% endif %}
		</p>
	{% endif %}
{% endblock %}

{% block nav_toolbar %}{% endblock %}

{% block nav_stats %}
	{% if app.user is not instanceof ('App\\Entity\\Security\\ShopManager') or is_granted('ROLE_PREVIOUS_ADMIN') %}
		{% set route = app.request.get('_route') %}
		<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
			<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.time_zone'|trans }}</div>
			<div class="d-flex justify-content-center">
				<div class="fs-2 fw-bolder">
					<span class="badge badge-light-danger fw-bold px-4 py-3">{{ shop.timeZone }}</span>
				</div>
			</div>
		</div>
		<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
			<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.devise'|trans }}</div>
			<div class="d-flex justify-content-center">
				<div class="fs-2 fw-bolder">
					<span class="badge badge-light-success fw-bold px-4 py-3">{{ shop.currency ? shop.currency.name : '-' }}</span>
				</div>
			</div>
		</div>
		<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
			<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.source'|trans }}</div>
			<div class="d-flex justify-content-center">
				<div class="fs-2 fw-bolder">
					<span class="badge badge-light-primary fw-bold px-4 py-3">{{ shop.source }}</span>
				</div>
			</div>
		</div>
		<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
			<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.token'|trans }}</div>
			<div class="d-flex justify-content-center">
				<div class="fs-2 fw-bolder">
					<span class="badge badge-light-info fw-bold px-4 py-3">{{ shop.token }}</span>
				</div>
			</div>
		</div>
		{% if shop.shopSettings.deliveryMaxDistance and route == "foxorders_shop_zone_index" %}
			<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
				<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.delivery_zones'|trans }}</div>
				<div class="d-flex justify-content-center">
					<div class="fs-2 fw-bolder">
						<span class="badge badge-light-primary fw-bold px-4 py-3">{{ shop.shopSettings.deliveryMaxDistance ~ ' Km' }}</span>
					</div>
				</div>
			</div>
		{% endif %}
		<div class="border {% if shop.shopSettings.pickupMode == true %} border-success bg-light-success {% else %} border-danger bg-light-danger {% endif %} border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
			<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.pickup_mode'|trans }}</div>
			<div class="d-flex justify-content-center">
				<div class="fs-2 fw-bolder">
					{{ shop.shopSettings.pickupMode|polar }}
				</div>
			</div>
		</div>
		{% if null != shop.shopSettings.closeUntil %}
			<div class="border border-gray-300 border-dashed rounded min-w-120px py-3 px-4 me-6 mb-3">
				<div class="fw-bold fs-6 text-gray-400 text-center">{{ 'app.global.fields.close_until'|trans }}</div>
				<div class="d-flex justify-content-center">
					<div class="fs-2 fw-bolder">
						<span class="badge badge-light-danger fw-bold px-4 py-3">{{ shop.shopSettings.closeUntil|date('d-m-y H:i') }}</span>
					</div>
				</div>
			</div>
		{% endif %}
	{% endif %}
{% endblock %}

{% block nav_body %}
	{{ knp_menu_render('shopOwner', {'currentClass': 'active', 'template': 'Menu/knp_menu_nav.html.twig'}) }}
{% endblock %}