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

{% block title %}{{ 'app.shop_owner.pages.promotions.head_title'|trans }}{% endblock %}

{% block toolbar_actions %}
	{% if false == shop.hasLoyalty %}
		<a class="btn btn-sm fw-bold btn-primary new-entity" data-bs-toggle="modal" data-bs-target="#foxorders_modal_form_shop">
			{{ 'app.global.buttons.add'|trans }}
		</a>
	{% endif %}
{% endblock %}

{% block component_body %}
	{% if shop.hasLoyalty %}
		<div class="notice d-flex bg-light-warning rounded border-warning border border-dashed p-6 mb-8">
			<span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
				{% include 'Extentions/Icons/danger.html.twig' with {'size' : 'btn-size-20'} %}
			</span>
			<div class="d-flex flex-stack flex-grow-1">
				<div class="fw-semibold">
					<h4 class="text-gray-900 fw-bold mb-1">{{ 'app.global.flash_messages.attention'|trans }}</h4>
					<div class="fs-6 text-gray-700">{{ 'app.shop_owner.pages.promotions.loyalty_enabled'|trans }}</div>
				</div>
			</div>
		</div>
	{% endif %}
    <div class="card card-flush">
		<div class="card-body pt-0">
			<div class="table-responsive">
				<table class="table table-row-bordered table-row-dashed gy-4 align-middle fw-bold">
					<thead class="fs-7 text-gray-400 text-uppercase">
						<tr>
							<th class="ps-4 min-w-50px rounded-start">{{ 'app.global.fields.status'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.image.label'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.name'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.code'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.start'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.end'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.value'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.global.fields.type'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.shop_owner.pages.promotions.list.minimum_amount'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.shop_owner.pages.promotions.list.modes'|trans }}</th>
							<th class="text-end rounded-end"></th>
						</tr>
					</thead>
					<tbody class="fs-6">
						{% for promotion in shop.promotions %}
							<tr>
                                <td class="ps-4">
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                        <input class="form-check-input toggle-promotion"
                                                type="checkbox"
                                                {% if promotion.enabled %} checked="checked" {% endif %}
												data-promotion="{{ promotion.id }}"
                                                >
                                    </label>
                                </td>
                                <td class="symbol symbol-50px symbol-circle mb-7 text-center">
								    {% set image = promotion.imageUrl ? promotion.imageUrl : getImage(promotions_images ~ promotion.image.name) %}
									<img src="{{ asset(image) }}">
                                </td>
                                <td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
									{{ promotion.name|capitalize }}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
									{{ promotion.code }}
								</td>
                                <td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
									{{ promotion.start|date('d/m/Y') }}
								</td>
                                <td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
									{{ promotion.end|date('d/m/Y') }}
								</td>
								{% if promotion.type == constant('APP\\Entity\\Shop\\PromotionInterface::FREE_DELIVERY') %}
									<td colspan="2" class="text-center">
										{{ ('app.shop_owner.pages.promotions.form.free_delivery'|trans)|badge }}
									</td>
								{% else %}
									<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
										{% if constant('APP\\Entity\\Shop\\PromotionInterface::VALUE') == promotion.type %}
											{{ promotion.value|price }}
										{% else %}
											{{ promotion.value * 100 }}%
										{% endif %}
									</td>
									<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
										{{ constant('APP\\Entity\\Shop\\PromotionInterface::VALUE') == promotion.type ? '€' : '%' }}
									</td>
								{% endif %}
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2 text-center">
									{{ promotion.minimumAmount|price }}
								</td>
                                <td class="text-dark fw-bolder text-center text-hover-primary mb-1 fs-6 p-2">
									{{ promotion.shopModes|list_to_badges(shopModes) }}
								</td>
								<td class="text-end">
									<div class="d-flex justify-content-end flex-shrink-0">
										{{ link('edit','modal', 'success', {'entity-id' : promotion.id, 'entity-name' : promotion.name, 'modalId': 'foxorders_modal_form_shop' }) }}
										{% include 'Includes/delete.html.twig' with {
											'route': path('foxorders_shop_promotion_delete', {'id': promotion.id}) ,
											'token': csrf_token('delete' ~ promotion.id),
											'button': 'list_delete'
										} %}
									</div>
								</td>
							</tr>
						{% else %}
							<tr>
								<td colspan="11" style='color:orange'>{{ 'app.global.detail.no_record_found'|trans }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			{% include 'List/pagination.html.twig' with { 'data' : promotions } %}
		</div>
	</div>
{% endblock %}

{% block modals %}
    {% include 'Modal/form.html.twig' with {
        'title': 'app.shop_owner.pages.promotions.new.title'|trans,
        'id': 'shop',
    } %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
		var shop = {{ shop.id }};
		var deliveryMode = '{{ constant('App\\Entity\\Admin\\ModeInterface::MODE_DELIVERY') }}';
		var freeDeliveryType = '{{ constant('App\\Entity\\Shop\\PromotionInterface::FREE_DELIVERY') }}';
        var translations = {
            'name': '{{ 'app.global.validation.promotions.name'|trans }}',
            'code': '{{ 'app.global.validation.promotions.code'|trans }}',
            "codeExist": '{{ 'app.global.validation.modes.code_exist'|trans }}',
            'shopModes': '{{ 'app.global.validation.promotions.shop_modes'|trans }}',
            'shopModesInvalid': '{{ 'app.global.validation.promotions.shop_modes_invalid'|trans }}',
            'start': '{{ 'app.global.validation.promotions.start'|trans }}',
            'end': '{{ 'app.global.validation.promotions.end'|trans }}',
            'value': '{{ 'app.global.validation.promotions.value'|trans }}',
			'minimumAmount': '{{ 'app.global.validation.promotions.minimum_amount'|trans }}',
            'greaterThan': '{{ 'app.global.validation.promotions.greater_than_start' | trans }}',
            "modal": {
				'add': '{{ 'app.shop_owner.pages.promotions.new.title'|trans }}',
				'edit': '{{ 'app.shop_owner.pages.promotions.edit.title'|trans }}'
			}
        }

    </script>
    <script src="{{ asset('foxorders/js/validation/rules/shop/promotion.js') }}"></script>
    <script src="{{asset('foxorders/js/shop/promotion.js') }}"></script>
{% endblock %}