{% extends 'dashboard/layout.html' %}
{% load currency_filters %}
{% load i18n %}

{% block body_class %}orders{% endblock %}

{% block title %}
    {% blocktrans with number=order.number %}Order {{ number }}{% endblocktrans %} | {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
<ul class="breadcrumb">
    <li>
        <a href="{% url dashboard:index %}">{% trans "Dashboard" %}</a>
        <span class="divider">/</span>
    </li>
    <li>
        <a href="{% url dashboard:order-list %}">{% trans "Orders" %}</a>
        <span class="divider">/</span>
    </li>
    <li class="active">#{{ order.number }}</li>
</ul>
{% endblock %}

{% block headertext %}
    {% blocktrans with number=order.number %}Order #{{ number }}{% endblocktrans %}
{% endblock  %}

{% block dashboard_content %}
<table class="table table-striped table-bordered table-hover">
    <caption><i class="icon-group icon-large"></i>{% trans "Customer Information" %}</caption>
    {% if order.user %}
        <tr>
            <th>{% trans "Name" %}</th>
            <th>{% trans "Email address" %}</th>
        </tr>
        <tr>
            <td>{{ order.user.get_full_name|default:"-" }}</td>
            <td>{{ order.user.email|default:"-" }}</td>
        </tr>
    {% else %}
	    <tr><td>{% trans "Customer checked out anonymously." %}</td></tr>
	{% endif %}
</table>

<table class="table table-striped table-bordered table-hover">
    <caption><i class="icon-shopping-cart icon-large"></i>{% trans "Order information" %}</caption>
    <tr>
        <th>{% trans "Order Total" %}</th>
        <th>{% trans "Date of purchase" %}</th>
        <th>{% trans "Time of purchase" %}</th>
        <th>{% trans "Status" %}</th>
    </tr>
    <tr>
        <td>{{ order.total_incl_tax|currency }}</td>
        <td>{{ order.date_placed|date:"d/m/y" }}</td>
        <td>{{ order.date_placed|date:"H:s" }}</td>
        <td>{{ order.status|default:"N/A" }}</td>
    </tr>
</table>

{% block additional_order_information %}
{% endblock additional_order_information %}

<div class="sub-header">
	<h2>{% trans "Order Details" %}</h2>
</div>

<div class="tabbable dashboard">

    <ul class="nav nav-tabs">
        {% block nav_tabs %}
        <li class="{% if active_tab == 'lines' %}active{% endif %}"><a href="#lines" data-toggle="tab">{% trans "Order contents" %}</a></li>
        <li class="{% if active_tab == 'shipping' %}active{% endif %}"><a href="#shipping" data-toggle="tab">{% trans "Shipping" %}</a></li>
        <li class="{% if active_tab == 'payment' %}active{% endif %}"><a href="#payment" data-toggle="tab">{% trans "Payment" %}</a></li>
        <li class="{% if active_tab == 'discounts' %}active{% endif %}"><a href="#discounts" data-toggle="tab">{% trans "Offers" %}</a></li>
        <li class="{% if active_tab == 'emails' %}active{% endif %}"><a href="#emails" data-toggle="tab">{% trans "Emails" %}</a></li>
        <li class="{% if active_tab == 'notes' %}active{% endif %}"><a href="#notes" data-toggle="tab">{% trans "Notes" %}</a></li>
        {% endblock nav_tabs %}
    </ul>

	<div class="tab-content">
		<div class="tab-pane {% if active_tab == 'lines' %}active{% endif %}" id="lines">
			<div class="table-header">
				<h3>{% trans "Items ordered" %}</h3>
			</div>
			<form action="." method="post" class="form-inline">
				{% csrf_token %}
				{% block order_lines %}
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>{% trans "Select" %}</th>
							<th>{% trans "Quantity" %}</th>
							<th>{% trans "Product" %}</th>
							<th>{% trans "UPC" %}</th>
							<th>{% trans "Status" %}</th>
							<th>{% trans "Supplier" %}</th>
							<th>{% trans "Supplier SKU" %}</th>
							<th>{% trans "Est. delivery date" %}</th>
							<th>{% trans "Price (before discounts)" %}</th>
							<th>{% trans "Actions" %}</th>
						</tr>
					</thead>
					<tbody>
						{% for line in order.lines.all %}
						<tr>
							<td>
								<input type="checkbox" name="selected_line" value="{{ line.id }}" />
								<input type="text" name="selected_line_qty_{{ line.id }}" value="{{ line.quantity }}" class="span1" size="2" />
							</td>
							<td>{{ line.quantity }}</td>
							<td>{{ line.title }}</td>
							<td>{{ line.upc|default:"-" }}</td>
							<td>{{ line.status|default:"-" }}</td>
							<td>{{ line.partner_name }}</td>
							<td>{{ line.partner_sku }}</td>
							<td>{{ line.est_dispatch_date|default:"-" }}</td>
							<td style="text-align: right">{{ line.line_price_before_discounts_incl_tax|currency }}</td>
							<td>
								<a href="{% url dashboard:order-line-detail order.number line.id %}" class="btn btn-info">{% trans "View" %}</a>
							</td>
						</tr>
						{% endfor %}

						<tr>
							<td colspan="7"></td>
							<th>{% trans "Discount" %}</th>
							<td style="text-align: right">{{ order.total_discount_incl_tax|currency }}</td>
							<td></td>
						</tr>
                        {% with discounts=order.basket_discounts %}
                            {% if discounts %}
                                <tr>
                                    <td colspan="7"></td>
                                    <th>{% trans "Basket total (excl. discounts)" %}</th>
                                    <td style="text-align: right">{{ order.basket_total_before_discounts_incl_tax|currency }}</td>
                                    <td></td>
                                </tr>
                                {% for discount in discounts %}
                                <tr>
                                    <td colspan="7"></td>
                                    <td>
                                        <span class="label label-success">{% trans "Discount" %}</span>
                                        {{ discount.offer_name }}
                                    </td>
                                    <td style="text-align: right">- {{ discount.amount|currency }}</td>
                                    <td></td>
                                </tr>
                                {% endfor %}
                                <tr>
                                    <td colspan="7"></td>
                                    <th>{% trans "Basket total (inc. discounts)" %}</th>
                                    <th style="text-align: right">{{ order.basket_total_incl_tax|currency }}</th>
                                    <td></td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="7"></td>
                                    <th>{% trans "Basket total" %}</th>
                                    <th style="text-align: right">{{ order.basket_total_incl_tax|currency }}</th>
                                    <td></td>
                                </tr>
                            {% endif %}
                        {% endwith %}

                        {% if order.has_shipping_discounts %}
                            <tr>
                                <td colspan="7"></td>
                                <td>{% trans "Shipping total (excl. discounts)" %}</td>
                                <td style="text-align: right">{{ order.shipping_before_discounts_incl_tax|currency }}</td>
                                <td></td>
                            </tr>
                            {% for discount in order.shipping_discounts %}
                            <tr>
                                <td colspan="7"></td>
                                <td>
                                    <span class="label label-success">{% trans "Discount" %}</span>
                                    {{ discount.offer_name }}
                                </td>
                                <td style="text-align: right">- {{ discount.amount|currency }}</td>
                                <td></td>
                            </tr>
                            {% endfor %}
                            <tr>
                                <td colspan="7"></td>
                                <th>{% trans "Shipping total (inc. discounts)" %}</th>
                                <th style="text-align: right">{{ order.shipping_incl_tax|currency }}</th>
                                <td></td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="7"></td>
                                <th>{% trans "Shipping total" %}</th>
                                <th style="text-align: right">{{ order.shipping_incl_tax|currency }}</th>
                                <td></td>
                            </tr>
                        {% endif %}

						<tr>
							<td colspan="7"></td>
							<th>{% trans "Order total" %}</th>
							<th style="text-align: right">{{ order.total_incl_tax|currency }}</th>
							<td></td>
						</tr>
					</tbody>
				</table>
				{% endblock order_lines %}

				{% block line_actions %}
                <div class="well">
				<h3><i class="icon-refresh"></i> {% trans "With selected lines" %}:</h3>

    				<div class="control-group">
    					<div class="controls">
    						<label class="radio inline">
    							<input type="radio" name="line_action" value="change_line_statuses" /> {% trans "Change status to" %}
    						</label>
    						<label class="radio inline">
    							<select name="new_status">
    								<option value=""> -- {% trans "choose new status" %} -- </option>
    								{% for status in line_statuses %}
    								<option>{{ status }}</option>
    								{% endfor %}
    							</select>
    						</label>
    					</div>
    				</div>
    				<div class="control-group">
    					<div class="controls">
    						<label class="radio inline">
    							<input type="radio" name="line_action" value="create_shipping_event" /> {% trans "Create shipping event" %}
    						</label>
    						<label class="radio inline">
    							<select name="shipping_event_type">
    								<option value=""> -- {% trans "choose event type" %} -- </option>
    								{% for event_type in shipping_event_types %}
    								<option value="{{ event_type.code }}">{{ event_type.name }}</option>
    								{% endfor %}
    							</select>
    						</label>
    						<label class="radio inline">
							{% trans "with reference" %} <input type="text" name="reference" value="" />
    						</label>
    					</div>
    				</div>
    				<div class="control-group">
    					<div class="controls">
    						<label class="radio inline">
    							<input type="radio" name="line_action" value="create_payment_event" /> {% trans "Create payment event" %}
    						</label>
    						<label class="radio inline">
    							<select name="payment_event_type">
    								<option value=""> -- {% trans "choose event type" %} -- </option>
    								{% for event_type in payment_event_types %}
    								<option value="{{ event_type.code }}">{{ event_type.name }}</option>
    								{% endfor %}
    							</select>
    						</label>
    						<label class="radio inline">
							{% trans "with amount" %} <input type="text" name="amount" value="" />
    						</label>
    					</div>
    				</div>
					<input type="submit" value="{% trans "Go!" %}" class="btn btn-primary" />
    			</form>
			</div>
			{% endblock line_actions %}

			<div class="table-header">
				<h3>{% trans "Shipping Events" %}</h3>
			</div>
			{% with events=order.shipping_events.all %}
			<table class="table table-striped table-bordered table-hover">
			    {% if events %}
    				<thead>
    					<tr>
    						<th>{% trans "Date" %}</th>
    						<th>{% trans "Event" %}</th>
    						<th>{% trans "Lines" %}</th>
    						<th>{% trans "Notes" %}</th>
    					</tr>
    				</thead>
    				<tbody>
    					{% for event in events %}
    					{% with line_qtys=event.line_quantities.all %}
    					<tr>
    						<td rowspan="{{ line_qtys|length }}">{{ event.date }}</td>
    						<td rowspan="{{ line_qtys|length }}">{{ event.event_type.name }}</td>
    						<td>
    							{% for line_qty in event.line_quantities.all %}
    							{% trans "Product:" %} {{ line_qty.line.title }} - {% trans "quantity" %} {{ line_qty.quantity }}</br>
    							{% endfor %}
    						</td>
    						<td>{{ event.notes }}</td>
    					</tr>
    					{% endwith %}
    					{% endfor %}
    				</tbody>
				{% else %}
                <tbody>
                    <tr>
                        <td>{% trans "No shipping events." %}</td>
                    </tr>
                </tbody>
    			{% endif %}
			</table>

			{% endwith %}

			<div class="table-header">
				<h3 >{% trans "Payment Events" %}</h3>
			</div>
			{% with events=order.payment_events.all %}
			<table class="table table-striped table-bordered table-hover">
			    {% if events %}
    				<thead>
    					<tr>
    						<th>{% trans "Date" %}</th>
    						<th>{% trans "Event" %}</th>
    						<th>{% trans "Amount" %}</th>
    						<th>{% trans "Lines" %}</th>
    					</tr>
    				</thead>
    				<tbody>
    					{% for event in events %}
    					{% with line_qtys=event.line_quantities.all %}
    					<tr>
    						<td >{{ event.date }}</td>
    						<td >{{ event.event_type.name }}</td>
    						<td >{{ event.amount|currency }}</td>
    						<td>
    							{% for line_qty in event.line_quantities.all %}
    							{% trans "Product:" %} {{ line_qty.line.title }} - {% trans "quantity" %} {{ line_qty.quantity }}</br>
    							{% endfor %}
    						</td>
    					</tr>
    					{% endwith %}
    					{% endfor %}
    				</tbody>
				{% else %}
                    <tbody>
                        <tr><td>{% trans "No payment events." %}</td></tr>
                    </tbody>
    			{% endif %}
    			{% endwith %}
			</table>
		</div>

		<div class="tab-pane {% if active_tab == 'shipping' %}active{% endif %}" id="shipping">
			{% block tab_shipping %}
                <div class="table-header">
                    <h3>Shipping</h3>
                </div>
				<table class="table table-striped table-bordered table-hover">
					<tbody>
						<tr>
							<th>{% trans "Method" %}</th>
							<td>{{ order.shipping_method }}</td>
						</tr>
						<tr>
							<th>{% trans "Charge (incl tax)" %}</th>
							<td>{{ order.shipping_incl_tax|currency }}</td>
						</tr>
						<tr>
							<th>{% trans "Charge (excl tax)" %}</th>
							<td>{{ order.shipping_excl_tax|currency }}</td>
						</tr>
						<tr>
							<th>{% trans "Address" %}</th>
							<td>
								{% for field in order.shipping_address.active_address_fields %}
								{{ field }}<br/>
								{% endfor %}
							</td>
						</tr>
					</tbody>
				</table>
			{% endblock %}
		</div>

		<div class="tab-pane {% if active_tab == 'payment' %}active{% endif %}" id="payment">
			{% if order.billing_address %}
				<div class="sub-header">
					<h3 >{% trans "Billing address" %}</h3>
				</div>
				<p>
				{% for field in order.billing_address.active_address_fields %}
				{{ field }}<br/>
				{% endfor %}
				</p>
			{% endif %}

			{% with sources=order.sources.all %}
			<div class="table-header">
				<h3 >{% trans "Payment sources" %}</h3>
			</div>

				<table class="table table-striped table-bordered table-hover">
				    {% if sources %}
    					<thead>
    						<tr>
    							<th>{% trans "Source" %}</th>
    							<th>{% trans "Allocation" %}</th>
    							<th>{% trans "Amount debited" %}</th>
    							<th>{% trans "Amount refunded" %}</th>
    							<th>{% trans "Reference" %}</th>
    						</tr>
    					</thead>
    					<tbody>
    						{% for source in sources %}
    						<tr>
    							<td>{{ source.source_type }}</td>
    							<td>{{ source.amount_allocated|currency }}</td>
    							<td>{{ source.amount_debited|currency }}</td>
    							<td>{{ source.amount_refunded|currency }}</td>
    							<td>{{ source.reference|default:"-" }}</td>
    						</tr>
    						{% endfor %}
    					</tbody>
					{% else %}
                        <tbody>
                            <tr><td>{% trans "No payment sources" %}</td></tr>
                        </tbody>
        			{% endif %}
				</table>
			{% endwith %}

			{% block tab_transactions %}
            <div class="table-header">
                <h3>{% trans "Transactions" %}</h3>
            </div>
            {% with sources=order.sources.all %}
            <table class="table table-striped table-bordered table-hover">
            {% if sources %}
                <thead>
                    <tr>
                        <th>{% trans "Source" %}</th>
                        <th>{% trans "Amount" %}</th>
                        <th>{% trans "Reference" %}</th>
                        <th>{% trans "Status" %}</th>
                        <th>{% trans "Date" %}</th>
                    </tr>
                </thead>

                {% for source in sources %}
                <tbody>
                    {% for transaction in source.transactions.all %}
                    <tr>
                        <td>{{ source.source_type }}</td>
                        <td>{{ transaction.amount|currency }}</td>
                        <td>{{ transaction.reference|default:"-" }}</td>
                        <td>{{ transaction.status|default:"-" }}</td>
                        <td>{{ transaction.date_created }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
                {% endfor %}
            {% else %}
                <tr><td>{% trans "No transaction data available." %}</td></tr>
            {% endif %}
            </table>
            {% endwith %}
            {% endblock %}

		</div>

		<div class="tab-pane {% if active_tab == 'discounts' %}active{% endif %}" id="discounts">
			{% block tab_discounts %}

                {% with discounts=order.discounts.all %}
				<div class="table-header">
					<h3>{% trans "Offer applications" %}</h3>
				</div>
                <table class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>{% trans "Type" %}</th>
                            <th>{% trans "Voucher" %}</th>
                            <th>{% trans "Offer name" %}</th>
                            <th>{% trans "Frequency" %}</th>
                            <th>{% trans "Message" %}</th>
                            <th>{% trans "Amount" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for discount in discounts %}
                        <tr>
                            <td>{{ discount.get_category_display }}</td>
                            <td>
                                {{ discount.voucher.code|default:"-" }}
                            </td>
                            <td>
                                {% if discount.offer %}
                                <a href="{% url dashboard:offer-detail discount.offer.id %}">{{ discount.offer.name }}</a>
                                {% else %}
                                {{ discount.offer_name }}
                                {% endif %}
                            </td>
                            <td>{{ discount.frequency }}</td>
                            <td>{{ discount.message|default:"-" }}</td>
                            <td>{{ discount.amount|currency}}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                {% endwith %}

			{% endblock %}
		</div>

		<div class="tab-pane {% if active_tab == 'emails' %}active{% endif %}" id="emails">
			{% block tab_emails %}
			<div class="table-header">
				<h3>{% trans "Emails" %}</h3>
			</div>
			<table class="table table-striped table-bordered table-hover">
                <tr><td>{% trans "No email data available." %}</td></tr>
            </table>
			{% endblock %}
		</div>

		<div class="tab-pane {% if active_tab == 'notes' %}active{% endif %}" id="notes">
			{% block tab_notes %}
			<div class="table-header">
				<h3>{% trans "Notes" %}</h3>
			</div>
			{% with notes=order.notes.all %}

			<table class="table table-striped table-bordered table-hover">
			    {% if notes %}
				<tr>
					<th>{% trans "Date" %}</th>
					<th>{% trans "User" %}</th>
					<th>{% trans "Type" %}</th>
					<th>{% trans "Message" %}</th>
					<th></th>
				</tr>
				{% for note in notes %}
				<tr>
					<td>{{ note.date_created }}</td>
					<td>{{ note.user }}</td>
					<td>{{ note.note_type }}</td>
					<td>{{ note.message|linebreaks }}</td>
					<td class="span2">
						{% if note.is_editable %}
						&nbsp;<a href="{% url dashboard:order-detail-note order.number note.id %}#notes" class="btn btn-info">{% trans "Edit" %}</a>
						<form action="." method="post" class="pull-left">
							{% csrf_token %}
							<input type="hidden" name="order_action" value="delete_note" />
							<input type="hidden" name="note_id" value="{{ note.id }}" />
							<input type="submit" value="Delete" class="btn btn-danger" />
						</form>
						{% endif %}
					</td>
				</tr>
				{% endfor %}
				{% else %}
                <tr>
                    <td>{% trans "No notes available." %}</td>
                </tr>
				{% endif %}
			</table>

			{% endwith %}

			<form action=".?note={{ note_id }}" method="post" class="form-stacked">
				{% csrf_token %}
				<input type="hidden" value="save_note" name="order_action" />
				{% include "partials/form_fields.html" with form=note_form %}
				<!-- {{ note_form.as_p }} -->
				<div class="form-actions">
					<input type="submit" value="Save note" class="btn btn-primary" />
					{% trans "Notes are only editable for 5 minutes after being saved." %}
				</div>
			</form>
			{% endblock %}
		</div>

		{% block extra_tabs %}{% endblock %}
	</div>
</div>

{% endblock dashboard_content %}


{% block onbodyload %}
oscar.dashboard.orders.initTabs();
oscar.dashboard.orders.initTable();
{% endblock %}
