{% use '@CanaryCMS/datatable_theme.html.twig' %}

{% block _texstyle_orders_customers_label %}
    <th scope="col">
        {% set current = name in sorting|keys %}
        {% set alternate = (current and sorting[name] == 'asc') ? 'desc' : 'asc' %}
        <a href="{{ path('app_cms_orders_customers_index', {'sort': name, 'direction': alternate}) }}" class="data-table-sortable{% if current %} current-{{ sorting[name] }}{% endif %}">
            {{ label }}
        </a>
    </th>
{% endblock %}

{%- block _texstyle_orders_orders_label -%}
    <th scope="col">
        {% set current = name in sorting|keys %}
        {% set alternate = (current and sorting[name] == 'asc') ? 'desc' : 'asc' %}
        <a href="{{ path('app_cms_orders_index', {'sort': name, 'direction': alternate}) }}" class="data-table-sortable{% if current %} current-{{ sorting[name] }}{% endif %}">
            {{ label }}
        </a>
    </th>
{%- endblock -%}

{%- block _texstyle_orders_orders_datatable_row -%}
    {{ block('datatable_row') }}
    {% if has_form %}
        <tr id="data-table-expand-{{ order_id }}" class="data-table-row-expand" style="display:none">
            <td colspan="{{ visible_columns_count }}">{{ block('partial_form') }}</td>
        </tr>
    {% endif %}
{%- endblock -%}

{%- block _texstyle_orders_orders__expand_column -%}
    <td class="data-table-expand">
        {% if has_form %}
            <a href="#data-table-expand-{{ order_id }}" class="data-table-expand-icon"></a>
        {% endif %}
    </td>
{%- endblock -%}

{%- block _texstyle_orders_customers_dates_column_content -%}
    <span class="data-table-meta">
        <strong>Created</strong>: {{ row_data.createdAt|canary_date() }}<br>
        <strong>Last Login</strong>: {{ row_data.lastLogin ? row_data.lastLogin|canary_date() : 'Never' }}
    </span>
{%- endblock _texstyle_orders_customers_dates_column_content -%}

{%- block _texstyle_orders_orders_orderStatus_column -%}
    <td>
        {% if value == 'new' %}
            <span class="status status-closed"></span>
        {% elseif value == 'partial_shipped' %}
            <span class="status status-warning"></span>
        {% elseif value == 'complete' %}
            <span class="status status-active"></span>
        {% else %}
            <span class="status status-danger"></span>
        {% endif %}
        {{ value|order_status }}
    </td>
{%- endblock -%}

{%- block partial_form -%}
    {% set form = partial_form.form %}
    {% set table = partial_form.table %}

    {% canary_form_theme form %}
    {% datatable_theme table _self %}

    {{ form_start(form) }}
        {{ datatable(table) }}

        <div class="order-shipment-form">
            <div class="row">
                <div class="col-4">
                    {{ form_row(form.courier) }}
                    {{ form_errors(form.orderItems) }}
                </div>
                <div class="col-4">
                    {{ form_row(form.consignmentNumber) }}
                </div>
                <div class="col-4">
                    <button type="submit" class="btn btn-primary">Mark as shipped</button>
                </div>
            </div>
        </div>
    {{ form_end(form) }}
{%- endblock -%}

{%- block _texstyle_orders_shipment_items__checkbox_label -%}
    <th scope="col" class="data-table-checkbox">
        <label class="form-checkable form-checkable-checkbox">
            <input type="checkbox" class="form-checkable-input">
            <span class="form-checkable-indicator"></span>
        </label>
    </th>
{%- endblock -%}

{%- block _texstyle_orders_shipment_items__checkbox_column -%}
    <td class="data-table-checkbox">
        {{ form_widget(form, {'label': false}) }}
    </td>
{%- endblock -%}