{% macro show(pickingList, customPickingList = false, eventsLogsView = false) %}
    <div class="row">
        <div class="col-md-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#tab-picking-list-info" data-toggle="tab"
                           aria-expanded="true">{{ 'label.picking_list_info'|trans }}</a>
                    </li>
                    {% if eventsLogsView %}
                    <li>
                        <a href="#tab-events-picking-list-raw" data-toggle="tab"
                           aria-expanded="true">{{ 'label.event_log_picking_list_raw'|trans }}</a>
                    </li>
                    {% endif %}
                    {% if pickingList.expeditions | length or pickingList.discardedExpeditions | length %}
                        <li>
                            <a href="#tab-labels" data-toggle="tab"
                               aria-expanded="true">{{ 'manifest.picking_list.expeditions'|trans }}</a>
                        </li>
                    {% endif %}
                </ul>
                <div class="tab-content">
                    <div id="tab-picking-list-info" class="tab-pane active">
                        <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>{{ 'label.picking_list_data'|trans }}</h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <strong>{{ 'reference'|trans }}:</strong> {{ pickingList.name }} {% if pickingList.pdfFilename %} <a href="{{ path('app_picking_list_download_pdf', { id: pickingList.id })}}">PDF</a>{% endif %}<br/>
                                                <strong>{{ 'batch.singular'|trans }}:</strong> {{ pickingList.batch.reference }}<br/>
                                                <strong>{{ 'expedition.carrier_name'|trans }}:</strong> {{ pickingList.carrier.name }}<br/>
                                                <strong>{{ 'carrier.comments'|trans }}:</strong> {{ pickingList.order.commentsForCarrier }}<br/>
                                                <strong>{{ 'order.number_of_packages'|trans }}:</strong> {{ pickingList.numberOfPackages }}<br/>
                                                <strong>{{ 'manifest.weight'|trans }}:</strong> {{ pickingList.weight }} Kg<br/>
                                                <strong>{{ 'label.description_for_custom'|trans }}:</strong> {{ pickingList.descriptionOfGoods.description }}<br/>
                                                <strong>{{ 'manifest.total_delivery'|trans }}:</strong> {{ pickingList.totalWithoutTaxes }} € /  {{ pickingList.totalWithTaxes }} €<br/>
                                                {% if pickingList.manifest %}
                                                    <strong>{{ 'entity.manifest'|trans }}:</strong>  <a href="{{ path('app_manifest_show', { id: pickingList.manifest.id }) }}">Ver</a><br/>
                                                {% endif %}
                                            </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.order'|trans }}
                                        </h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <strong>{{ 'order.reference'|trans }}:</strong> {{ pickingList.order.reference }}<br/>
                                                {% if pickingList.order.externalReference %}
                                                    <strong>{{ 'order.external_reference'|trans }}:</strong> {{ pickingList.order.externalReference }}<br/>
                                                {% endif %}
                                                {% if pickingList.order.externalReference2 %}
                                                    <strong>{{ 'order.external_reference_2'|trans }}:</strong> {{ pickingList.order.externalReference2 }}<br/>
                                                {% endif %}
                                                <strong>{{ 'order.source'|trans }}:</strong> {{ pickingList.order.company.name }}
                                                / {{ pickingList.order.businessLine.name }}<br/>
                                                <strong>{{ 'order.customer_id'|trans }}</strong> {{ pickingList.order.customerId }}<br/>
                                                <strong>{{ 'order.dropshipping'|trans }}?:</strong> {{ pickingList.order.dropshipping ? 'Sí' : 'No' }}<br/>
                                                {#<strong>Estado del pedido:</strong> {{ pickingList.orderStatus.name }}<br/>#}
                                                <strong>{{ 'order.cost_without_taxes'|trans }}:</strong> {{ pickingList.order.totalWithoutTaxes }} € /  {{ pickingList.order.totalWithTaxes }} €<br/>
                                                <strong>{{ 'order.delivery_cost_without_taxes'|trans }}:</strong> {{ pickingList.order.shippingCostWithoutTaxes }} € / {{ pickingList.order.shippingCostWithTaxes }} €<br/>
                                                <strong>{{ 'order.export'|trans }}?</strong> {{ pickingList.order.export ? 'Sí' : 'No' }}<br/>
                                                {% if pickingList.order.invoiceWholesaler %}
                                                    <a href="{{ path('app_picking_list_download_export_invoice', { id: pickingList.order.invoiceWholesaler.id })}}">- {{ 'order.invoice_wholesaler'|trans }}</a><br/>
                                                {% endif %}
                                                {% if pickingList.order.invoiceRetailer %}
                                                    <a href="{{ path('app_picking_list_download_export_invoice', { id: pickingList.order.invoiceRetailer.id })}}">- {{ 'order.invoice_retailer'|trans }}</a>
                                                {% endif %}
                                                <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> {{ pickingList.order.shippingAddress.fullName }}<br/>
                                                <strong>{{ 'address.company_name'|trans }}:</strong> {{ pickingList.order.shippingAddress.companyName }}<br/>
                                                <strong>{{ 'address.street'|trans }}:</strong> {{ pickingList.order.shippingAddress.street }} <br/>
                                                <strong>{{ 'address.city'|trans }}:</strong> {{ pickingList.order.shippingAddress.city }} <br/>
                                                <strong>{{ 'address.postal_code'|trans }}:</strong> {{ pickingList.order.shippingAddress.postalCode }}<br/>
                                                <strong>{{ 'address.country'|trans }}:</strong> {{ pickingList.order.shippingAddress.country.name }} <br/>
                                                <strong>{{ 'address.phone'|trans }}:</strong> {{ pickingList.order.shippingAddress.phone }} <br/>
                                                <strong>{{ 'address.mobile_phone'|trans }}:</strong> {{ pickingList.order.shippingAddress.mobilePhone }}<br/>
                                                <strong>{{ 'user.email'|trans }}:</strong> {{ pickingList.order.shippingAddress.email }}
                                                <br/>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.box-body -->
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="box">
                                    <div class="box-header">
                                        <h3 class="box-title">{{ 'manifest.lines'|trans }}</h3>
                                    </div>
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <table class="table table-striped">
                                            <tbody>
                                            <tr>
                                                <th style="width: 10px">#</th>
                                                <th>Ref.</th>
                                                <th>SKU</th>
                                                <th>EAN</th>
                                                <th>{{ 'label.quantity'|trans }}</th>
                                                <th>{{ 'label.weight'|trans }}</th>
                                                <th>{{ 'label.length'|trans }}</th>
                                                <th>{{ 'label.width'|trans }}</th>
                                                <th>{{ 'label.height'|trans }}</th>
                                                <th>{{ 'product.name'|trans }}</th>
                                                <th>{{ 'product.category'|trans }}</th>
                                                <th>{{ 'order.cost_with_taxes'|trans }}</th>
                                                <th>{{ 'order.cost_without_taxes'|trans }}</th>
                                            </tr>
                                            {% for line in pickingList.pickingListLines %}
                                                <tr>
                                                    <td>{{ loop.index }}.</td>
                                                    <td>{{ line.reference }}</td>
                                                    <td><a href="https://www.bigbuy.eu/es/search/result?q={{ line.sku }}" target="_blank">{{ line.sku }}</a></td>
                                                    <td>{{ line.ean }}</td>
                                                    <td>{{ line.quantity }}</td>
                                                    <td>{{ line.weight }}</td>
                                                    <td>{{ line.length }}</td>
                                                    <td>{{ line.width }}</td>
                                                    <td>{{ line.height }}</td>
                                                    <td>{{ line.name }}</td>
                                                    <td>{{ line.category }}</td>
                                                    <td>{{ line.totalWithTaxes }}</td>
                                                    <td>{{ line.totalWithoutTaxes }}</td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- /.box-body -->
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 text-right">
                                {% if pickingList.expeditions | length == 0  %}
                                    {% if is_granted('ROLE_SUPER_ADMIN') or is_granted('ROLE_LABELER') %}
                                        <a class="btn btn-primary" href="{{ path('app_picking_list_edit', { id: pickingList.id }) }}">{{ 'edit.data'|trans }}</a>
                                        <a class="btn btn-primary" href="{{ path('app_picking_list_change_carrier', { id: pickingList.id }) }}">{{ 'picking_list.change_carrier'|trans }}</a>
                                        {% if pickingList.carrier.isManualExpeditionAllowed %}
                                            <a class="btn btn-primary" href="{{ path('app_picking_list_enter_pallets', { id: pickingList.id }) }}">{{ 'picking_list.enter_pallets'|trans }}</a>
                                            <a class="btn btn-primary" href="{{ path('app_manual_expedition_new', { pickingListId: pickingList.id }) }}">{{ 'expedition.new'|trans }}</a>
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                                {% if (is_granted('ROLE_SUPER_ADMIN') or is_granted('ROLE_SEND_EXPORT_INVOICES_MANUALLY')) and pickingList.order.export %}
                                    <a class="btn btn-primary" href="{{ path('app_picking_list_send_export_email', { id: pickingList.id }) }}">Enviar facturas a agencia</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    {% if eventsLogsView %}
                    <div id="tab-events-picking-list-raw" class="tab-pane">
                        {% if eventsLogsView|length > 0 %}
                            <div class="box box-solid">
                                <div class="box-header with-border">
                                    <h3>{{ 'label.event_log_picking_list_raw'|trans }}</h3>
                                </div>
                                <div class="box-body">
                                    <div id="accordion" class="box-group">
                                        {% for key, eventLogView in eventsLogsView %}
                                            <div class="panel box box-primary">
                                                <div class="box-header with-border">
                                                    <h4 class="box-title">
                                                        <a class="collapsed" data-toggle="collapse"
                                                           data-parent="#accordion" href="#collapse{{ key }}"
                                                           aria-expanded="false">
                                                            {{ eventLogView.dateAdd|date('d-m-Y H:i') }}
                                                        </a>
                                                    </h4>
                                                </div>
                                                <div id="collapse{{ key }}" class="panel-collapse collapse"
                                                     aria-expanded="false">
                                                    <p>
                                                    <h4>{{ 'label.event_log_source'|trans }}:</h4>
                                                    {{ eventLogView.source }}
                                                    </p>
                                                    <h4>{{ 'label.event_log_request'|trans }}:</h4>
                                                    <pre>{{ eventLogView.request }}</pre>
                                                    <h4>{{ 'label.event_log_response'|trans }}:</h4>
                                                    <pre>{{ eventLogView.response }}</pre>
                                                </div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        {% else %}
                            <p>{{ 'label.without_registered_events_logs'|trans }}.</p>
                        {% endif %}
                    </div>
                    {% endif %}
                    {% if pickingList.expeditions | length or pickingList.discardedExpeditions | length %}
                    <div id="tab-labels" class="tab-pane">
                        {% if pickingList.expeditions | length %}
                        <div class="box">
                            <div class="box-header">
                                <h3 class="box-title">Etiquetas generadas</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body no-padding">
                                <table class="table table-striped">
                                    <tbody>
                                    <tr>
                                        <th>Fecha</th>
                                        <th class="text-center">{{ 'expedition.id' | trans }}</th>
                                        <th class="text-center">{{ 'expedition.reference' | trans }}</th>
                                        <th class="text-center">Ref. Bigbuy</th>
                                        <th class="text-center">{{ 'label.file' | trans }}</th>
                                        <th class="text-center"></th>
                                        <th class="text-center"></th>
                                    </tr>
                                    {% for expedition in pickingList.expeditions %}
                                        {% for label in expedition.labels %}
                                            <tr>
                                                <td>{{ expedition.dateAdd | date('d/m/Y H:i') }}</td>
                                                <td class="text-center">{{ expedition.id }}</td>
                                                <td class="text-center">{{ expedition.carrierExpeditionId }}</td>
                                                <td class="text-center">{{ expedition.bigBuyExpeditionId }}</td>
                                                <td class="text-center">{{ label.url }}</td>
                                                <td class="text-center">{% if is_granted('ROLE_SUPER_ADMIN') %}<a href="{{ path('app_label_zpl_download_pdf', { id: label.id }) }}">{{ 'download'| trans }} PDF</a>{% endif %}</td>
                                                <td class="text-center">{% if is_granted('ROLE_SUPER_ADMIN') %}<a target="_blank" href="{{ path('app_label_zpl_show', { id: label.id }) }}">{{ 'show'| trans }} ZPL</a>{% endif %}</td>
                                            </tr>
                                        {% endfor %}
                                    {% endfor %}

                                    </tbody>
                                </table>

                            </div>
                            <!-- /.box-body -->
                        </div>
                        {% endif %}
                        {% if pickingList.discardedExpeditions | length %}
                        <div class="box">
                            <div class="box-header">
                                <h3 class="box-title">Etiquetas descartadas</h3>
                                <small> - Generadas anteriormente pero que han sido eliminadas</small>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body no-padding">
                                <table class="table table-striped">
                                    <tbody>
                                    <tr style="background: #fbe2e2 !important;">
                                        <th>Fecha</th>
                                        <th class="text-center">{{ 'expedition.id' | trans }}</th>
                                        <th class="text-center">{{ 'expedition.reference' | trans }}</th>
                                        <th class="text-center">Ref. Bigbuy</th>
                                        <th class="text-center">{{ 'label.file' | trans }}</th>
                                        <th class="text-center">Borrada</th>
                                        <th class="text-center"></th>
                                        <th class="text-center"></th>
                                    </tr>
                                    {% for expedition in pickingList.discardedExpeditions %}
                                        {% for label in expedition.labels %}
                                            <tr style="background: #fbe2e2 !important;">
                                                <td>{{ expedition.dateAdd | date('d/m/Y H:i') }}</td>
                                                <td class="text-center">{{ expedition.id }}</td>
                                                <td class="text-center">{{ expedition.carrierExpeditionId }}</td>
                                                <td class="text-center">{{ expedition.bigBuyExpeditionId }}</td>
                                                <td class="text-center">{{ label.url }}</td>
                                                <td class="text-center">{{ expedition.dateCanceled ? expedition.dateCanceled|date('d-m-Y H:i') : '' }}<br/>{{ expedition.canceledBy ? expedition.canceledBy.email : '' }}</td>
                                                <td class="text-center">{% if is_granted('ROLE_SUPER_ADMIN') %}<a href="{{ path('app_label_zpl_download_pdf', { id: label.id }) }}">{{ 'download'| trans }} PDF</a>{% endif %}</td>
                                                <td class="text-center">{% if is_granted('ROLE_SUPER_ADMIN') %}<a target="_blank" href="{{ path('app_label_zpl_show', { id: label.id }) }}">{{ 'show'| trans }} ZPL</a>{% endif %}</td>
                                            </tr>
                                        {% endfor %}
                                    {% endfor %}
                                    </tbody>
                                </table>

                            </div>
                            <!-- /.box-body -->
                        </div>
                        {% endif %}
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}