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

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

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

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

{% block component_body %}
{% 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-20px rounded-start">{{ 'app.global.fields.status'|trans }}</th>
                        <th class="ps-4 min-w-300px 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="text-end"></th>
                    </tr>
                </thead>
                <tbody>
                {% for paymentMethodsConfig in paymentMethodsConfigs %}
                    <tr>
                        <td>
                            {{ enabled(paymentMethodsConfig.id, 'foxorders_admin_payment_method_config_enable', paymentMethodsConfig.enabled) }}
                        </td>
                        <td>
                            <a class="text-dark fw-bolder text-hover-primary d-block fs-6">{{ paymentMethodsConfig.code }}</a>
                        </td>
                        <td>
                            <a class="text-dark fw-bolder text-hover-primary d-block fs-6">{{ paymentMethodsConfig.name|capitalize }}</a>
                        </td>
                        <td>
                            <a class="text-dark fw-bolder text-hover-primary d-block fs-6">{{ paymentMethodsConfig.createdAt|date('d/m/Y H:i') }}</a>
                        </td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end flex-shrink-0">
                                {% if paymentMethodFree != paymentMethodsConfig.code %}
                                    {{ link('edit', 'modal', 'success', {'entity-id' : paymentMethodsConfig.id, 'entity-name' : paymentMethodsConfig.name, 'modalId': 'foxorders_modal_form_admin' }) }}
                                    {% include 'Includes/delete.html.twig' with {
                                        'route':path('foxorders_admin_payment_method_config_delete', {'id': paymentMethodsConfig.id}) ,
                                        'token': csrf_token('delete' ~ paymentMethodsConfig.id),
                                        'button': 'list_delete'}
                                    %}
                                {% 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>
        {% include 'List/pagination.html.twig' with { 'data' : paymentMethodsConfigs } %}
    </div>
</div>
{% endblock %}

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

{% block javascripts %}
    {{ parent() }}
    <script>
        var translations = {
            'name': '{{ 'app.global.validation.payment_method.name'|trans }}',
            'code': '{{ 'app.global.validation.payment_method.code'|trans }}',
            'codeExist': '{{ 'app.global.validation.payment_method.code_exist'|trans }}',
            'type': '{{ 'app.global.validation.payment_method.type'|trans }}',
            'configuration':{
                'name': '{{ 'app.global.validation.payment_method.configuration_name'|trans }}',
                'length': '{{ 'app.global.validation.payment_method.configuration_length'|trans }}',
                'value': '{{ 'app.global.validation.payment_method.configuration_value'|trans }}',
            },
            'numeric': '{{ 'app.global.validation.payment_method.numeric'|trans }}',
            "modal": {
                'add': '{{ 'app.shop_owner.pages.payment_methods.new.title'|trans }}',
                'edit': '{{ 'app.shop_owner.pages.payment_methods.edit.title'|trans }}'
            }
        }
    </script>
    <script src="{{asset('foxorders/js/admin/payment-method.js') }}"></script>
    <script src="{{asset('foxorders/js/validation/rules/admin/payment-method.js') }}"></script>
    <script src="{{asset('foxorders/js/ajax/toggle-status.js')}}"></script>
{% endblock %}