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

{% block title %}
	{{ 'app.manager.pages.applications.new.title'|trans }}
{% endblock %}

{% block toolbar_actions %}
	<div class="d-flex align-items-center gap-2 gap-lg-3">
		{% if qoodos is defined and true == qoodos %}
			<button type="submit" class="btn btn-sm btn-qoodos" id="qoodos-connexion">
				<span class="indicator-label">{{ 'app.manager.pages.applications.qoodos.connexion.check'|trans }}</span>
				<span class="indicator-progress">{{ 'app.manager.pages.applications.qoodos.connexion.connecting'|trans }}
					<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
				</span>
			</button>
		{% endif %}
		{% if smsMode is defined and true == smsMode %}
			<a class="btn btn-sm fw-bold btn-warning" href="https://ui.smsmode.com/home" target="_blank">
				{{ 'app.global.buttons.add_credits'|trans }}
			</a>
		{% endif %}
		<a class="btn btn-sm fw-bold btn-primary new-entity" data-bs-toggle="modal" data-bs-target="#foxorders_modal_form_franchise">
			{{ 'app.global.buttons.add'|trans }}
		</a>
	</div>
{% endblock %}

{% block component_body %}
	<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-100px rounded-start">{{ 'app.manager.pages.applications.list.name'|trans }}</th>
							<th class="w-200px">{{ 'app.global.fields.code'|trans }}</th>
							<th class="ps-4 min-w-100px">{{ 'app.manager.pages.applications.list.key'|trans }}</th>
							<th class="w-200px">{{ 'app.global.fields.last_update'|trans }}</th>
							<th class="w-50px text-end rounded-end"></th>
						</tr>
					</thead>
					<tbody class="fs-6">
						{% for application in applications %}
							<tr>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ application.applicationName.description }}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ application.applicationName.name }}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2" data-bs-target="key">
									{{ application.keyToken }}
									{% if smsMode is defined and true == smsMode and "sms_mode" == application.applicationName.name %}
										{% if smsModeCredits is null %}
											<span class="badge badge-light-danger fs-7 fw-bold">
												{{ 'app.manager.pages.applications.sms_mode.error'|trans }}
											</span>
										{% else %}
											<span class="badge badge-light-success fs-7 fw-bold">
												{{ smsModeCredits }}
												{{ 'app.manager.pages.applications.sms_mode.credits'|trans }}
											</span>
										{% endif %}
									{% endif %}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ application.updatedAt|date('d/m/Y H:i') }}
								</td>
								<td class="text-end">
									<div class="d-flex justify-content-end flex-shrink-0">
										{{ btn('copy') }}
										{{ link('edit','modal', 'success', {'entity-id' : application.id, 'modalId': 'foxorders_modal_form_franchise' }) }}
										{% include 'Includes/Manager/delete.html.twig' with {
											'route': path('foxorders_franchise_application_delete', {'id': application.id}) ,
											'token': csrf_token('delete' ~ application.id),
											'button': 'list_delete'
										} %}
									</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>
{% endblock %}

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

{% block javascripts %}
	{{ parent() }}
	<script>
		var franchise = {{ franchise.id }};
		var translations = {
			"name": '{{ 'app.global.validation.application.name'|trans }}',
			"key": '{{ 'app.global.validation.application.key'|trans }}',
			"qoodos_succeded" : '{{ 'app.manager.pages.applications.qoodos.connexion.succeded'|trans }}',
			"qoodos_failed" : '{{ 'app.manager.pages.applications.qoodos.connexion.failed'|trans }}',
			"ok": '{{ 'app.global.buttons.ok'|trans }}',
			"modal": {
				'add': '{{ 'app.manager.pages.applications.new.title'|trans }}',	
				'edit': '{{ 'app.manager.pages.applications.edit.title'|trans }}'
			}
		}
	</script>
	<script src="{{asset('foxorders/js/validation/rules/franchise/applications.js') }}"></script>
	<script src="{{asset('foxorders/js/franchise/applications.js') }}"></script>
	<script src="{{asset('foxorders/js/global/copy-keys.js') }}"></script>
{% endblock %}