{% extends 'base_foradmin.html' %} 
{% load static %}
{% block content %}
<section id="checkout" class="section">
  <div class="container">
    <h3 class="title is-4 mt-0">單號：{{ order.order_id }}</h3>
    <div>運費：{{ order.shipping_total }}</div>
    <div>手續費：{{ order.processing_fee }}</div>
    <div class="mb-5">訂單總額：{{ order.total }}</div>
    {% for item in order.cart.products.all %}
    <article class="media">
        <figure class="media-left">
        <p class="image is-64x64">
            {% if item.product.photo %}<img src="{{ item.product.photo.url }}" alt="" /> {% else %}<img src="{% static 'img/demo.png'%}" alt="" />{% endif %}
        </p>
        </figure>
        <div class="media-content">
        <div class="content">
            <div class="columns">
            <div class="column">
                {% if item.addfrom %}<span class="has-text-primary">加購</span>{% endif %}
                {% if item.diy %}<span class="has-text-primary">組裝[{{item.diy}}-{{ item.diy.product.name }}]</span>{% endif %}
                {% if item.packedfrom %}<span class="has-text-primary">套裝[{{ item.packedfrom.packed.name }}]</span>{% endif %}
                {% comment %} <a href="{% url 'products:detail' cat=item.product.product_cat pk=item.product.id %}"> {% endcomment %}
                <a>
                {% if item.name %}
                <strong>{{ item.name }}{% if item.color %} [{{ item.color.color }}{% if item.size %}/{{ item.size.size }}{% endif %}]{% endif %}</strong>
              {% else %}
                {% if item.product %}
                  <strong>{{ item.product.name }}</strong>
                {% endif %}
                {% if item.servicefee %}
                  <strong>{{ item.servicefee.name }}</strong>
                {% endif %}
                {% if item.packed %}
                  <strong>{{ item.packed.name }}</strong>
                {% endif %}
              {% endif %}
                </a>
                <div>x {{item.quantity}}</div>
            </div>
            <div class="column is-narrow">
                <div class="s_price price">{{ item.price }}</div>
            </div>
            </div>
        </div>
        </div>
    </article>
    {% endfor %}
    <div class="cart_footer">
        <div class="has-text-right">
        共 {{ order.cart.products.count }} 件商品
        </div>
    </div>
  </div>
</section>

{% endblock %}