{#
 # For the full copyright and license information, please view the
 # docs/licenses/LICENSE.txt file that was distributed with this source code.
 #}

{% block order_preview %}
  <div class="row order-preview-content mt-2" data-role="preview-row">
    <div class="col-5">
      <div class="row">
        <div class="col">
          <div class="row">
            <div class="col-1">
              <p class="mb-0">
                <i class="material-icons pr-1">local_shipping</i>
              </p>
            </div>
            <div class="col" data-role="shipping-details">
              <p class="mb-0">
                <strong>{{ 'Carrier'|trans({}, 'Admin.Global') }}:</strong>
                {% if not orderPreview.isVirtual %}
                  {{ orderPreview.shippingDetails.carrierName }}
                {% else %}
                  -
                {% endif %}
              </p>

              <p class="mb-0">
                <strong>{{ 'Tracking number'|trans({}, 'Admin.Shipping.Feature') }}:</strong>
                {% if not orderPreview.isVirtual and orderPreview.shippingDetails.trackingNumber is not empty %}
                  {% if orderPreview.shippingDetails.trackingUrl %}
                    <a href="{{ orderPreview.shippingDetails.trackingUrl }}" target="_blank" rel="noopener noreferrer nofollow">{{ orderPreview.shippingDetails.trackingNumber }}</a>
                  {% else %}
                    {{ orderPreview.shippingDetails.trackingNumber }}
                  {% endif %}
                {% else %}
                  -
                {% endif %}
              </p>

              <p class="mb-2">
                <strong>{{ 'Shipping details'|trans({}, 'Admin.Orderscustomers.Feature') }}:</strong>
                {% if orderPreview.virtual %}
                  -
                {% endif %}
              </p>

              {% if not orderPreview.virtual %}
                {% for line in orderPreview.shippingAddressFormatted|split('\n') %}
                  <p{% if not loop.last %} class="mb-0"{% endif %}>{{ line }}</p>
                {% endfor %}
              {% endif %}
            </div>
          </div>
        </div>
        <div class="col">
          <div class="row">
            <div class="col-1">
              <p class="mb-0">
                <i class="material-icons pr-1">email</i>
              </p>
            </div>
            <div class="col" data-role="email">
              <p class="mb-1">
                <strong>{{ 'Email:'|trans({}, 'Admin.Global') }}</strong>
              </p>

              <p class="mb-0">{{ orderPreview.invoiceDetails.email }}</p>
            </div>
          </div>
          <div class="row">
            <div class="col-1">
              <p class="mb-0">
                <i class="material-icons pr-1">receipt</i>
              </p>
            </div>
            <div class="col" data-role="invoice-details">
              <p class="mb-1">
                <strong>{{ 'Invoice details'|trans({}, 'Admin.Orderscustomers.Feature') }}:</strong>
              </p>

              {% for line in orderPreview.invoiceAddressFormatted|split('\n') %}
                <p{% if not loop.last %} class="mb-0"{% endif %}>{{ line }}</p>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-7">
      <div class="table-responsive">
        <table class="table product table-borderless border-bottom-0" data-role="product-table">
          <thead>
          <tr>
            {% if orderPreview.taxIncluded %}
              {% set taxInclusion = 'Tax included'|trans({}, 'Admin.Global') %}
            {% else %}
              {% set taxInclusion = 'Tax excluded'|trans({}, 'Admin.Global') %}
            {% endif %}

            <th>
              {{ 'Products'|trans({}, 'Admin.Global') }}
              ({{ orderPreview.productDetails|length }})
            </th>
            <th>{{ 'Reference'|trans({}, 'Admin.Global') }}</th>
            <th class="js-cell-product-stock-location">{{ 'Stock location'|trans({}, 'Admin.Orderscustomers.Feature') }}</th>
            {% if orderPreview.taxIncluded == false %}
              <th class="text-center">
                {{ 'Tax'|trans({}, 'Admin.Global') }}
              </th>
            {% endif %}
            <th class="text-center">{{ 'Quantity'|trans({}, 'Admin.Global') }}</th>
            <th class="text-center">
              {{ 'Total'|trans({}, 'Admin.Global') }}
              <small>{{ taxInclusion }}</small>
            </th>
          </tr>
          </thead>
          <tbody>
          {% for productDetail in orderPreview.productDetails %}
            <tr class="{% if loop.index > productsPreviewLimit %}js-product-preview-more d-none{% endif %}">
              <td class="p-1">
                {% if productDetail.id %}
                  <a class="px-0 external-link" href="{{ path('admin_products_edit', {productId: productDetail.id}) }}" target="_blank">{{ productDetail.name }}</a>
                {% else %}
                  {{ productDetail.name }} ({{ 'Product deleted'|trans({}, 'Admin.Catalog.Feature') }})
                {% endif %}
              </td>
              <td class="p-1">{{ productDetail.reference }}</td>
              <td class="p-1 js-cell-product-stock-location">
                {% if productDetail.location is not empty %}{{ productDetail.location }}{% endif %}
              </td>
              {% if orderPreview.taxIncluded == false %}
                <td class="p-1 text-center">{{ productDetail.totalTax }}</td>
              {% endif %}
              <td class="p-1 text-center">{{ productDetail.quantity }}</td>
              <td class="p-1 text-center">{{ productDetail.totalPrice }}</td>
            </tr>
          {% endfor %}

          {% if orderPreview.productDetails|length > productsPreviewLimit %}
            <tr>
              <td colspan="6">
                <a href="#" class="js-preview-more-products-btn text-dark">
                  <i class="material-icons">more_horiz</i>
                  {{ '(%count% more)'|trans({
                    '%count%': orderPreview.productDetails|length - productsPreviewLimit
                  }, 'Admin.Global') }}
                </a>
              </td>
            </tr>
          {% endif %}
          </tbody>
        </table>
      </div>

      <div class="text-right">
        <a href="{{ path('admin_orders_view', {orderId: orderId}) }}" class="btn btn-primary btn-sm mb-3">
          {{ 'Open details'|trans({}, 'Admin.Orderscustomers.Feature') }}
          <i class="material-icons rtl-flip">arrow_right_alt</i>
        </a>
      </div>
    </div>
  </div>
  {{ renderhook('displayOrderPreview', {order_id: orderId}) }}
{% endblock %}
