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

{% block title %}{{ "label.order" | trans }}{% endblock %}

{% block body %}
    <div class="ibox-content m-b-sm border-bottom">
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <h3>{{ "label.details" | trans }}</h3>

                <table class="table">
                    <tr>
                        <th>ID</th>
                        <td>{{ order.id }}</td>
                    </tr>
                    <tr>
                        <th>{{ "label.creator" | trans }}</th>
                        <td>{{ order.author.fullName }}</td>
                    </tr>
                    <tr>
                        <th>{{ "message.created_at" | trans }}</th>
                        <td>{{ order.createdAt | date('d-m-Y H:i:s') }}</td>
                    </tr>
                    <tr>
                        <th>{{ "message.updated_at" | trans }}</th>
                        <td>{{ order.updatedAt | date('d-m-Y H:i:s') }}</td>
                    </tr>
                    <tr>
                        <th>{{ "label.total" | trans }}</th>
                        <td>{{ order.totalPrice }}</td>
                    </tr>
                    <tr>
                        <th>{{ "label.status" | trans }}</th>
                        <td>
                            {% if order.status == constant('App\\Entity\\Order::STATUS_PENDING') %}
                                <span class="label label-primary">{{ "label.pending" | trans }}</span>
                            {% elseif order.status == constant('App\\Entity\\Order::STATUS_APPROVED') %}
                                <span class="label label-success">{{ "label.approved" | trans }}</span>
                            {% elseif order.status == constant('App\\Entity\\Order::STATUS_DELIVERED') %}
                                <span class="label label-info">{{ "label.delivered" | trans }}</span>
                            {% elseif order.status == constant('App\\Entity\\Order::STATUS_CANCELED') %}
                                <span class="label label-danger">{{ "label.canceled" | trans }}</span>
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-xs-12">
                <h3>{{ "label.items" | trans }}</h3>
                <table class="table">
                    <tr>
                        <th>{{ "label.product" | trans }}</th>
                        <th>{{ "label.quantity" | trans }}</th>
                        <th>{{ "message.price_per_unit" | trans }}</th>
                        <th>{{ "message.total_price" | trans }}</th>
                        <th>{{ "message.price_reduction" | trans }}</th>
                    </tr>
                    {% for item in order.items %}
                        <tr>
                            <td>
                                {% if item.product %}
                                    {% if item.product.isSuspended() %}
                                        <span>{{ item.product.name }}</span>
                                    {% else %}
                                        <a href="{{ path("app_admin_product_show", {id: item.product.id}) }}" target="_blank">{{ item.product.name }}</a>
                                    {% endif %}
                                {% else %}
                                    <a href="{{ path("app_admin_product_show", {id: item.promotion.product.id}) }}" target="_blank">{{ item.promotion.product.name }} - ({{ "label.promotion" | trans }})</a>
                                {% endif %}
                            </td>
                            <td>{{ item.quantity }}</td>
                            <td>
                                <span>{{ item.price }}</span>
                            </td>
                            <td>
                                <span>{{ item.quantity * item.price }}</span>
                            </td>
                            <td>
                                {{ item.appliedPriceReductionPercentage ? item.appliedPriceReductionPercentage : 0 }}%
                            </td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>
{% endblock %}