{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_export_dpd'|trans({}, 'admin') %}

{% block body_class %}export{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-12">
            {{ form_start(formSettings) }}
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">{{ 'title_export_dpd_settings'|trans({}, 'admin') }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-2">
                            {{ form_row(formSettings.dpd_api_key) }}
                        </div>
                        <div class="col-2">
                            {{ form_row(formSettings.dpd_api_id_address) }}
                        </div>
                        <div class="col-2">
                            {{ form_row(formSettings.dpd_api_customer_id) }}
                        </div>
                        <div class="col-2">
                            {{ form_row(formSettings.dpd_api_label) }}
                        </div>
                        <div class="col-2">
                            {{ form_row(formSettings.dpd_api_label_position) }}
                        </div>
                    </div>
                </div>
                <div class="card-footer text-right">
                    <twig:form_button label="button_save" :attr="{
                        'class': 'btn btn-primary'
                    }"/>
                </div>
            </div>
            {{ form_end(formSettings) }}
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            {{ form_start(form) }}
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">{{ 'title_export_settings'|trans({}, 'admin') }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-4">
                            {{ _self.showDateRangeFilter(form, settings, fastFilters) }}
                        </div>
                        <div class="col-8">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-4">
                                            {{ form_row(form.dateFilterBy) }}
                                        </div>
                                        <div class="col-4">
                                            {{ form_row(form.orderBy) }}
                                        </div>
                                        <div class="col-4">
                                            {{ form_row(form.isExported) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            {{ _self.showOrderStateFilter(orderStates, settings.orderStates) }}
                        </div>
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-3">
                                            {{ form_row(form.exportDefaultWeight) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <twig:form_button label="button_save" :attr="{
                        'class': 'btn btn-primary'
                    }"/>
                    </div>
                </div>
            </div>
            {{ form_end(form) }}
        </div>
    </div>
    <form method="post">
        <div class="row" data-controller="export">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-8">
                                <h5 class="card-title">{{ 'export_results'|trans({}, 'admin') }} <span
                                            class="badge badge-secondary">{{ exportResults|length }}</span></h5>
                            </div>
                            <div class="col-4 text-right">
                                <twig:exportButtons showAPI="{{ apiSet }}"/>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="">
                            <table class="table to-export">
                                <tr>
                                    <th>
                                        <input type="checkbox" data-action="export#checkAll"/>
                                        {{ 'td.export'|trans({}, 'admin') }}
                                    </th>
                                    <th>ID</th>
                                    <th>{{ 'td.code'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.state'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.customer'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.price'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.weight'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.order_created'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.state_changed'|trans({}, 'admin') }}</th>
                                    <th>{{ 'td.exported'|trans({}, 'admin') }}</th>
                                </tr>
                                {% for key, result in exportResults %}
                                    <tr>
                                        <td data-action="click->export#selectRow">
                                            <input type="checkbox" class="export-me"
                                                   data-action="export#checkOne"
                                                   name="export[{{ key }}][id]" value="{{ result.id }}"/>
                                        </td>
                                        <td data-action="click->export#selectRow">
                                            {{ result.id }}
                                        </td>
                                        <td data-action="click->export#selectRow">
                                            {{ result.code }}
                                        </td>
                                        <td data-action="click->export#selectRow">
                                            {{ result.state.translation(shop.currentLocale).name }}
                                        </td>
                                        <td data-action="click->export#selectRow">
                                            {% if result.customer %}
                                                {{ result.customer.fullName }}
                                            {% endif %}
                                        </td>
                                        <td data-action="click->export#selectRow" class="text-right">
                                            {{ result.totalPrice|money }}
                                        </td>
                                        <td data-action="click->export#selectRow" class="text-right">
                                            <input type="number" value="{{ settings.exportDefaultWeight ?? 500 }}"
                                                   class="form-control"
                                                   name="export[{{ key }}][weight]"/>
                                        </td>
                                        <td data-action="click->export#selectRow" class="text-right">
                                            {{ result.createdAt|formatDatetime }}
                                        </td>
                                        <td data-action="click->export#selectRow" class="text-right">
                                            {% if result.lastStateChangedAt %}
                                                {{ result.lastStateChangedAt|formatDatetime }}
                                            {% endif %}
                                        </td>
                                        <td data-action="click->export#selectRow" class="text-right">
                                            {% if result.exported %}
                                                <div class="text-success text-center">{{ 'yes'|trans({}, 'admin') }}</div>
                                            {% else %}
                                                <div class="text-danger text-center">{{ 'no'|trans({}, 'admin') }}</div>
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% endfor %}
                            </table>
                        </form>
                    </div>
                    <div class="card-footer text-right">
                        <twig:exportButtons showAPI="{{ apiSet }}"/>
                    </div>
                </div>
            </div>
        </div>
    </form>

    {% if generatedLabels|length %}
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ 'title_export_labels'|trans({}, 'admin') }}</h5>
                    </div>
                    <div class="card-body">
                        <table class="table">
                            <tr>
                                <th>
                                    {{ 'td.fileName'|trans({}, 'admin') }}
                                </th>
                                <th class="text-right">
                                    {{ 'td.generatedAt'|trans({}, 'admin') }}
                                </th>
                                <th class="text-right">
                                </th>
                            </tr>
                            {% for label in generatedLabels %}
                                <tr>
                                    <td>
                                        <a href="{{ label.path }}" target="_blank">{{ label.name }}</a>
                                    </td>
                                    <td class="text-right">
                                        {{ label.generatedAt }}
                                    </td>
                                    <td class="text-right">
                                        <a href="{{ path('admin_export_dpd_label_remove', {
                                            'filename': label.name,
                                        }) }}" class="text-danger"
                                           data-delete-confirm="{{ 'alert_confirm_remove_label'|trans({
                                               '{value}': label.name
                                           }, 'admin') }}">
                                            <i class="fa-solid fa-trash"></i>
                                            {{ 'button_remove'|trans({}, 'admin') }}
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </table>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% macro showOrderStateFilter(orderStates, savedStates) %}
    <div class="card" data-controller="date-range">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <strong>{{ 'title_order_state_filter'|trans({}, 'admin') }}</strong>
                </div>
            </div>
            <div class="row">
                {% for orderState in orderStates %}
                    <div class="col-3">
                        {% if orderState.id in savedStates %}
                            <twig:checkbox label="{{ orderState.translation(shop.currentLocale).name }}" checked="true"
                                           name="order_state" id="{{ orderState.id }}"/>
                        {% else %}
                            <twig:checkbox label="{{ orderState.translation(shop.currentLocale).name }}" checked="false"
                                           name="order_state" id="{{ orderState.id }}"/>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    </div>
{% endmacro %}

{% macro showDateRangeFilter(form, settings, fastFilters) %}
    <div class="card" data-controller="date-range">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div><strong>{{ 'form_range_filter'|trans({}, 'admin') }}</strong></div>
                    <div>
                        {{ form_row(form.rangeFastFilter) }}
                        {% for filter in fastFilters %}
                            <a href="#"
                               class="filter {{ filter.value|camelToClass }} {% if settings.rangeFastFilter == filter.value %} selected{% endif %}"
                               data-action="click->date-range#{{ filter.value }}:prevent">
                                {{ ('form_' ~ filter.value|toUnderscore)|trans({}, 'admin') }}
                            </a>

                            {% if not loop.last %} | {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="row date-pickers">
                <div class="col-12">
                    <hr>
                </div>
                <div class="col-6">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text">
                                {{ 'form_from'|trans({}, 'admin') }}
                            </div>
                        </div>
                        {{ form_widget(form.dateRangeStart) }}
                    </div>
                </div>
                <div class="col-6">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text">
                                {{ 'form_to'|trans({}, 'admin') }}
                            </div>
                        </div>
                        {{ form_widget(form.dateRangeEnd) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}