<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Order.aspx.cs" Inherits="TiAm_OrderInfoSystem.Order" %>

<%@ Import Namespace="TiAm_OrderInfoSystem.Libs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="bodyContents" runat="server">
	<script src="Scripts/jquery-2.1.1.js"></script>
	<script>
		function toggleDetails(orderId) {
			$(".details_" + orderId).toggle("slow");
		}
	</script>
	<asp:Panel ID="articles" runat="server" CssClass="">
		<div id="pageMessage" runat="server"></div>

		<div id="Div2" class="box" runat="server">
			<asp:Repeater ID="repOrders" runat="server" OnItemCommand="repOrders_ItemCommand">

				<HeaderTemplate>
					<table class="defaultlist">
						<thead>
							<tr>
								<th>Order ID</th>
								<th>Customer ID</th>
								<th>Ship Name</th>
								<th>Ship City</th>
								<th>Ship Postal Code</th>
								<th>Ship Country</th>
								<th>Ship Region</th>
								<th>Order Date</th>
								<th>Shipped Date</th>
								<th>Freight</th>
								<th>&nbsp;</th>
							</tr>
						</thead>
				</HeaderTemplate>
				<ItemTemplate>
					<tr class="i">
						<td><%# ((Orders)Container.DataItem).OrderID %></td>
						<td><%# ((Orders)Container.DataItem).CustomerID %></td>
						<td><%# ((Orders)Container.DataItem).ShipName %></td>
						<td><%# ((Orders)Container.DataItem).ShipCity %></td>
						<td><%# ((Orders)Container.DataItem).ShipPostalCode %></td>
						<td><%# ((Orders)Container.DataItem).ShipCountry %></td>
						<td><%# ((Orders)Container.DataItem).ShipRegion %></td>
						<td><%# ((Orders)Container.DataItem).OrderDate %></td>
						<td><%# ((Orders)Container.DataItem).ShippedDate %></td>
						<td><%# ((Orders)Container.DataItem).Freight %></td>
						<td>
						<button onclick="toggleDetails('<%# ((Orders)Container.DataItem).OrderID %>')" class="detailsButton" type="button">details</button></td>
					</tr>
					<tr class="hidden details_<%# ((Orders)Container.DataItem).OrderID %>">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td>
							<asp:Repeater runat="server" DataSource="<%# ((Orders)Container.DataItem).Details %>">
								<HeaderTemplate>
									<table>
										<thead>
											<tr>
												<th>Product ID</th>
												<th>Unit Price</th>
												<th>Quantity</th>
												<th>Discount</th>
											</tr>
										</thead>
								</HeaderTemplate>
								<ItemTemplate>
									<tr class="hidden details_<%# ((Details)Container.DataItem).OrderID %>">
										<td><%# ((Details)Container.DataItem).ProductID %></td>
										<td><%# ((Details)Container.DataItem).UnitPrice %></td>
										<td><%# ((Details)Container.DataItem).Quantity %></td>
										<td><%# ((Details)Container.DataItem).Discount %></td>
									</tr>
								</ItemTemplate>
								<FooterTemplate>
									</table>
								</FooterTemplate>
							</asp:Repeater>
						</td>
					</tr>
				</ItemTemplate>
				<FooterTemplate>
					<tfoot>
						<tr>
							<td colspan="2" class="footetext">
								<%=NrOfOrders + " ordrar i listan" %>
							</td>
						</tr>
					</tfoot>
					</table>
				</FooterTemplate>
			</asp:Repeater>
		</div>
	</asp:Panel>
</asp:Content>