{% extends 'intranet.html.twig' %}

{% block page_title %}{{ 'order.singular'|trans }} #{{ order.reference }}{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-sm-4">
            <div class="box box-default color-palette-box">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-tag"></i>{{ 'entity.order'|trans }}
                    </h3>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <strong>{{ 'order.reference'|trans }}:</strong> {{ order.reference }}<br/>
                            <strong>{{ 'order.externalReference'|trans }}:</strong> {{ order.externalReference }}<br/>
                            <strong>{{ 'order.source'|trans }}:</strong> {{ order.company.name }}
                            / {{ order.businessLine.name }}<br/>
                            <strong>{{ 'order.customer_id'|trans }}</strong> {{ order.customerId }}<br/>
                            <strong>{{ 'order.dropshipping'|trans }}?:</strong> {{ order.dropshipping ? 'Sí' : 'No' }}<br/>
                            <strong>{{ 'order.cost_without_taxes'|trans }}:</strong> {{ order.totalWithoutTaxes }} € /  {{ order.totalWithTaxes }} €<br/>
                            <strong>{{ 'order.delivery_cost_without_taxes'|trans }}:</strong> {{ order.shippingCostWithoutTaxes }} € / {{ order.shippingCostWithTaxes }} €<br/>
                            <strong>{{ 'order.export'|trans }}?</strong> {{ order.export ? 'Sí' : 'No' }}<br/>
                            <br/>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
        <div class="col-sm-4">
            <div class="box box-default color-palette-box">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-tag"></i>{{ 'entity.address'|trans }}</h3>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <strong>{{ 'address.name'|trans }}:</strong> {{ order.shippingAddress.fullName }}<br/>
                            <strong>{{ 'address.company_name'|trans }}:</strong> {{ order.shippingAddress.companyName }}<br/>
                            <strong>{{ 'address.street'|trans }}:</strong> {{ order.shippingAddress.street }} <br/>
                            <strong>{{ 'address.city'|trans }}:</strong> {{ order.shippingAddress.city }} <br/>
                            <strong>{{ 'address.postal_code'|trans }}:</strong> {{ order.shippingAddress.postalCode }}<br/>
                            <strong>{{ 'address.country'|trans }}:</strong> {{ order.shippingAddress.country.name }} <br/>
                            <strong>{{ 'address.phone'|trans }}:</strong> {{ order.shippingAddress.phone }} <br/>
                            <strong>{{ 'address.mobile_phone'|trans }}:</strong> {{ order.shippingAddress.mobilePhone }}<br/>
                            <strong>{{ 'user.email'|trans }}:</strong> {{ order.shippingAddress.email }}
                            <br/>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
        <div class="col-sm-4">
            <div class="box box-default color-palette-box">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-tag"></i>{{ 'entity.tracking'|trans }}</h3>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-sm-12">
                            {% for e in order.expeditions %}
                                {% for t in e.trackings %}
                                    {{ t.reference }}<br/>
                                {% endfor %}
                            {% endfor  %}
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
{% endblock %}