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

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

{% block toolbar_actions %}
	<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>
{% endblock %}

{% block component_body %}
	{% set paymentMethodNepting = constant('App\\Entity\\Shop\\PaymentMethodInterface::CODE_NEPTING_RETAIL_CENTER' ?? null) %}
	{% set paymentMethodTapToPay = constant('App\\Entity\\Shop\\PaymentMethodInterface::CODE_NEPTING_TAP_TO_PAY' ?? null) %}
	{% set kioskMethods = [paymentMethodNepting, paymentMethodTapToPay] %}
	{% set paymentMethodFree = constant('App\\Entity\\Shop\\PaymentMethodInterface::CODE_FREE' ?? null) %}
	<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-50px rounded-start">{{ 'app.global.fields.image.label'|trans }}</th>
							<th class="ps-4 min-w-100px rounded-start">{{ 'app.shop_owner.pages.modes.anonymous_authorized'|trans }}</th>
							<th class="ps-4 min-w-100px rounded-start">{{ 'app.shop_owner.pages.modes.borne_authorized'|trans }}</th>
							<th class="ps-4 min-w-100px">{{ 'app.shop_owner.pages.payment_methods.title'|trans }}</th>
							<th class="ps-4 min-w-100px text-center">{{ 'app.shop_owner.pages.modes.title'|trans }}</th>
							<th class="ps-4 min-w-80px text-center">{{ 'app.global.list.creation_date'|trans }}</th>
							<th class="w-50px text-end rounded-end"></th>
						</tr>
					</thead>
					<tbody class="fs-6">
						{% for paymentMethod in paymentMethods %}
							{% set canDelete = deletablePaymentMethods[paymentMethod.id] %}
							<tr>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ paymentMethod.enabled|enabled }}
								</td>
                                <td class="symbol symbol-50px symbol-circle text-center">
									{% set image = getImage(payment_methods_images ~ paymentMethod.svg) %}
									<img src="{{ asset(image) }}">
                                </td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{% if paymentMethodFree != paymentMethod.payemntMenthodConfig.code %}
										{% if paymentMethodOffline == paymentMethod.payemntMenthodConfig.type %}
											<label class="form-check form-switch form-check-custom form-check-solid">
												<input class="form-check-input toggleStatus" data-entity-id="{{ paymentMethod.id }}" data-route="foxorders_shop_payment_method_anonymous_authorized" type="checkbox" {% if paymentMethod.anonymousAuthorized %} checked="checked" value="1" {% endif %}>
											</label>
										{% endif %}
									{% endif %}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{% if paymentMethodFree != paymentMethod.payemntMenthodConfig.code %}
										{% if paymentMethodOffline == paymentMethod.payemntMenthodConfig.type or paymentMethod.payemntMenthodConfig.code in kioskMethods %}
											<label class="form-check form-switch form-check-custom form-check-solid">
												<input class="form-check-input toggleStatus" data-entity-id="{{ paymentMethod.id }}" data-route="foxorders_shop_payment_method_enable_for_kiosk" data-confirmation-message="{{ 'app.global.payment_method.confirmation.kiosk_only'|trans }}" data-confirmation-trigger="onCheck" type="checkbox" {% if paymentMethod.kioskOnly %} checked="checked" value="1" {% endif %}>
											</label>
										{% endif %}
									{% endif %}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ paymentMethod.payemntMenthodConfig.name |to_upper }}
								</td>
								<td class="text-dark fw-bolder text-center text-hover-primary mb-1 fs-6 p-2">
									{{ paymentMethod.shopModes|list_to_badges(shopModes) }}
								</td>
								<td class="text-dark fw-bolder text-center text-hover-primary mb-1 fs-6 p-2">
									{{ paymentMethod.createdAt|date('d/m/Y H:i') }}
								</td>
								<td class="text-end">
									<div class="d-flex justify-content-end flex-shrink-0">
										{% if paymentMethodNepting == paymentMethod.payemntMenthodConfig.code %}
											{{ link('connexion', '', 'success', {'entity-id' : paymentMethod.id }) }}
										{% endif %}
										{% if paymentMethodFree != paymentMethod.payemntMenthodConfig.code %}
											{{ link('edit','modal', 'success', {'entity-id' : paymentMethod.id, 'modalId': 'foxorders_modal_form_shop' }) }}
											{% if canDelete %}
												{% include 'Includes/delete.html.twig' with {
													'route': path('foxorders_shop_payment_method_delete', {'id': paymentMethod.id}),
													'token': csrf_token('delete' ~ paymentMethod.id),
													'button': 'list_delete',
													'confirmation_message': 'app.shop_owner.pages.payment_methods.delete.confirmation'|trans
												} %}
											{% endif %}
										{% endif %}
									</div>
								</td>
							</tr>
						{% else %}
							<tr>
								<td colspan="5" style='color:orange'>{{ 'app.global.detail.no_record_found'|trans }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<div class="card-footer">
			{% include 'List/pagination.html.twig' with { 'data' : paymentMethods } %}
		</div>
	</div>
{% endblock %}

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

{% block javascripts %}
	{{ parent() }}
	<script>
		var shop = {{ shop.id }};
		var translations = {
			"pos": {
					"connected" : '{{ 'app.shop_owner.pages.payment_methods.pos.state.connected'|trans }}',
					"disconnected" : '{{ 'app.shop_owner.pages.payment_methods.pos.state.disconnected'|trans }}',
					"succeded" : '{{ 'app.shop_owner.pages.payment_methods.pos.swal.succeded'|trans }}',
					"failed" : '{{ 'app.shop_owner.pages.payment_methods.pos.swal.failed'|trans }}',
					"id" : '{{ 'app.shop_owner.pages.payment_methods.pos.id'|trans }}',
					"state" : '{{ 'app.shop_owner.pages.payment_methods.pos.state.title'|trans }}',
					"retail_try" : '{{ 'app.shop_owner.pages.payment_methods.pos.try.title'|trans }}',
					"try" : '{{ 'app.shop_owner.pages.payment_methods.pos.try.action'|trans }}',
			},
			"payemntMenthodConfig": '{{ 'app.global.validation.payment_method.payment_method_config'|trans }}',
			"paymentMethodConfigAttribute": {
				'empty' : '{{ 'app.global.validation.required'|trans }}',
			},
			"modal": {
					'add': '{{ 'app.shop_owner.pages.payment_methods.new.title'|trans }}',
					'edit': '{{ 'app.shop_owner.pages.payment_methods.edit.title'|trans }}'
			},
			"ok": '{{ 'app.global.buttons.ok'|trans }}',
		};
	</script>
	<script src="{{ asset('foxorders/js/shop/payment-method/payment-method.js') }}"></script>
	<script src="{{asset('foxorders/js/ajax/toggle-status.js')}}"></script>
{% endblock %}