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

{% block title %}{{ 'app.admin.pages.locales.title'|trans }}{% endblock %}

{% block toolbar_actions %}
	{% include 'Includes/Button/add.html.twig'%}
{% endblock %}

{% block search %}
	{% include 'Search/list.html.twig' %}
{% 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.global.fields.code'|trans }}</th>
                            <th class="ps-4 min-w-300px rounded-start">{{ 'app.global.fields.name'|trans  }}</th>
							<th class="w-200px">{{ 'app.global.fields.created_at'|trans }}</th>
							<th class="w-50px text-end rounded-end"></th>
						</tr>
					</thead>
					<tbody class="fs-6">
						{% for locale in locales %}
							<tr>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ locale.code }}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ locale.name }}
								</td>
								<td class="text-dark fw-bolder text-hover-primary mb-1 fs-6 p-2">
									{{ locale.createdAt|date('d/m/Y H:i') }}
								</td>
								<td class="text-end">
									<div class="d-flex justify-content-end flex-shrink-0">
										{% include 'Includes/delete.html.twig' with {
											'route': path('foxorders_admin_locale_delete', {'id': locale.id}) ,
											'token': csrf_token('delete' ~ locale.id),
											'button': 'list_delete'
										} %}
									</div>
								</td>
							</tr>
						{% else %}
							<tr>
								<td colspan="4" 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.admin.pages.locales.new.title'|trans,
		'id': 'admin',
    } %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
		var translations = {
            "name": '{{ 'app.global.validation.locales.name'|trans }}',
			"code": '{{ 'app.global.validation.locales.code'|trans }}',
            "codeExist": '{{ 'app.global.validation.locales.code_exist'|trans }}',
			"modal": {
				'add': '{{ 'app.admin.pages.locales.new.title'|trans }}',
				'edit': '{{ 'app.admin.pages.locales.edit.title'|trans }}'
			}
        }
		modalTranslations.delete.message = '{{ 'app.global.validation.locales.delete.message'|trans|raw }}';
	</script>
    <script src="{{asset('foxorders/js/validation/rules/admin/locales.js') }}"></script>
    <script src="{{asset('foxorders/js/admin/locales.js') }}"></script>
{% endblock %}