{% extends entityName|capitalize ~ '/base.html.twig' %}

{% block title %}
	{{ 'app.order.list.title'|trans }}
{% endblock %}

{% block toolbar_actions %}
	{% set orderTypeValid = constant('APP\\Entity\\Order\\OrderInterface::TYPE_VALID') ?? null %}
	{% set isOrderTypeValid = (orderTypeValid == searchForm.children.type.vars.data) %}
	{% set isOrderTypeProspective = (orderTypeProspective == searchForm.children.type.vars.data) %}
	{% if closeShopForm is defined %}
		{% if null == shop.shopSettings.closeUntil %}
			<a class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#foxorders_modal_form_close">
				{{ 'app.global.buttons.shop.close'|trans }}
			</a>
		{% else %}
			<a href="{{ path('foxorders_shop_shop_open',{'id' : shop.shopSettings.id}) }}" class="btn btn-sm fw-bold btn-primary">
				{{ 'app.global.buttons.shop.open'|trans }}
			</a>
		{% endif %}
	{% endif %}
	{% if (isManager or isShopManager) and orders.items is not empty %}
		{% if isOrderTypeProspective %}
			{{ link('export', 
				path('foxorders_' ~ entityName ~ '_order_export_pdf', {'criteria': data, 'entityName': entityName }), 
				'success', 
				{'type': 'pdf'}
			)}}
		{% elseif isOrderTypeValid %}
			{{ link('export', 
				path('foxorders_' ~ entityName ~ '_order_index', {'criteria': data, 'entityName': entityName, 'id': entityId }), 
				'success', 
				{'type': 'csv', 'modal' : 'data-bs-toggle=modal data-bs-target=#foxorders_modal_form_email'}
			)}}
		{% endif %}
	{% endif %}
{% endblock %}

{% block component_search %}
	{% include 'Search/list.html.twig' %}
{% endblock %}

{% block component_body %}
	<div class="card card-flush">
		<div class="card-body pt-0">
			{% include 'Order/Components/list.html.twig'%}
			{% include 'List/pagination.html.twig' with { 'data' : orders } %}
		</div>
	</div>
{% endblock %}
{% block modals %}
	{% include 'Modal/form.html.twig' with {
        'title': 'app.order.late'|trans,
        'id': 'delay',
		'modal_size': 'mw-40',
    } %}
	{% include 'Modal/form.html.twig' with {
        'title': 'app.order.cancel'|trans,
        'id': 'cancel',
		'modal_size': 'mw-40',
    } %}
	{% if emailForm is defined %}
		{% include 'Modal/form.html.twig' with {
			'title': 'app.order.modal.export.title'|trans,
			'id': 'email',
			'form': emailForm,
		} %}
	{% endif %}
	{% if closeShopForm is defined %}
		{% include 'Modal/form.html.twig' with {
			'title':'app.shop_owner.pages.settings.title'|trans,
			'id': 'close',
			'shop': shop,
			'form': closeShopForm,
		} %}
	{% endif %}
{% endblock %}
{% block javascripts %}
	{{ parent() }}
	<script>
		var period = "{{ data['period'] ?? '' }}";
		var inputId = "#search_form_period";
		var daysOfWeek = {{ daysOfWeek | raw }};
		var monthNames = {{ monthNames | raw }};
		var maxDate = "{{ lastOrderDate|date('d/m/Y') }}";
		var translations = {
			"apply": '{{ 'app.global.date.input.apply'|trans }}',
			"cancel": '{{ 'app.global.date.input.cancel'|trans }}',
			"from": '{{ 'app.global.date.input.from'|trans }}',
			"to": '{{ 'app.global.date.input.to'|trans }}',
			"custom": '{{ 'app.global.date.input.custom'|trans }}',
			"today": '{{ 'app.global.date.today'|trans }}',
			"yesterday": '{{ 'app.global.date.yesterday'|trans }}',
			"last7Days": '{{ 'app.global.date.last_7_days'|trans }}',
			"last30Days": '{{ 'app.global.date.last_30_days'|trans }}',
			"thisMonth": '{{ 'app.global.date.this_month'|trans }}',
			"lastMonth": '{{ 'app.global.date.last_month'|trans }}',
			"customRange": '{{ 'app.global.date.custom_range'|trans }}',
			"period": '{{ 'app.global.validation.order.period'|trans({'%min%': 5, '%max%': 30}) }}',
			"required": '{{ 'app.global.validation.required'|trans }}',
			"email": {
				'invalid': '{{ 'app.global.validation.export.invalid'|trans }}',
			},
			"modal": {
				'late': '{{ 'app.order.late'|trans }}',
				'refund': '{{ 'app.order.actions.list.refund'|trans }}',
				'cancel': '{{ 'app.order.modal.cancel.title'|trans }}',
				'yes' : '{{ 'app.global.labels.yes'|trans }}',
				'no' : '{{ 'app.global.labels.no'|trans }}',
			}
		}
	</script>
	<script src="{{ asset('foxorders/js/global/date/range-picker.js') }}"></script>
	<script src="{{asset('foxorders/js/order/refund.js') }}"></script>
	<script src="{{ asset('foxorders/js/validation/rules/order/export.js') }}"></script>
	<script src="{{ asset('foxorders/js/order/ajax-functions.js') }}"></script>
	<script src="{{ asset('foxorders/js/order/delay.js') }}"></script>
	<script src="{{ asset('foxorders/js/order/cancel.js') }}"></script>
{% endblock %}