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

{% block title %}{{ 'app.admin.pages.mail_transports.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="min-w-50px ps-4 rounded-start">{{ 'app.global.fields.status'|trans }}</th>
				<th class="min-w-50px">{{ 'app.global.fields.code'|trans }}</th>
                <th class="min-w-50px">{{ 'app.global.fields.name'|trans }}</th>
				<th class="min-w-50px">{{ 'app.admin.pages.mail_transports.list.dsn'|trans }}</th>
				<th class="text-end"></th>
			</tr>
			</thead>
			<tbody>
			{% for mailTransport in mailTransports %}
				<tr>
                    <td>
                        {{ enabled(mailTransport.id, 'foxorders_admin_mail_transport_enable', mailTransport.enabled) }}
                    </td>
					<td>
						<span class="text-dark d-block fs-6">{{ mailTransport.code }}</span>
					</td>
					<td>
						<span class="text-dark  d-block fs-6">{{ mailTransport.name }}</span>
					</td>
					<td>
						<span class="text-dark d-block fs-6">{{ mailTransport.dsn }}</span>
					</td>
					<td class="text-end">
						<div class="d-flex justify-content-end flex-shrink-0">
                            {{ link('edit','modal', 'success', {'entity-id' : mailTransport.id, 'entity-name' : mailTransport.name, 'modalId': 'foxorders_modal_form_admin' }) }}
							{% include 'Includes/delete.html.twig' with {
								'route':path('foxorders_admin_mail_transport_delete', {'id': mailTransport.id}) ,
								'token': csrf_token('delete' ~ mailTransport.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>
        {% include 'List/pagination.html.twig' with { 'data' : mailTransports } %}
    </div>
</div>
{% endblock %}

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

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        var translations = {
            "name": '{{ 'app.global.validation.mail_transport.name'|trans }}',
            "dsn": '{{ 'app.global.validation.mail_transport.dns'|trans }}',
            "code": '{{ 'app.global.validation.mail_transport.code'|trans }}',
            "codeExist": '{{ 'app.global.validation.mail_transport.code_exist'|trans }}',
            "modal": {
                'add': '{{ 'app.admin.pages.mail_transports.new.title'|trans }}',
                'edit': '{{ 'app.admin.pages.mail_transports.edit.title'|trans }}'
            }
        }
	</script>
    <script src="{{asset('foxorders/js/validation/rules/admin/mail_transports.js')}}"></script>
    <script src="{{asset('foxorders/js/admin/mail_transports.js')}}"></script>
    <script src="{{asset('foxorders/js/ajax/toggle-status.js')}}"></script>
{% endblock %}