{% layout 'layout' %}
{% block title %}Order List{% endblock %}

{% block breadcrumb %}
<li><a href="index.html">Home</a></li>
<li>App Templates</li>
<li>eCommerce</li>
<li class="active"><a href="app-ecommerce-order-list.html">eCommerce Order List</a></li>
{% endblock %}

{% block styles %}
{{ "plugins/datatables/dataTables.bootstrap.css" | asset_url | stylesheet_tag }}
{{ "plugins/datatables/dataTables.fontAwesome.css" | asset_url | stylesheet_tag }}
{% endblock %}

{% block scripts %}
{{ "plugins/datatables/jquery.dataTables.js" | asset_url | script_tag }}
{{ "plugins/datatables/dataTables.bootstrap.js" | asset_url | script_tag }}

{{ "demo/demo-app-ecommerce-oder-list.js" | asset_url | script_tag }}
{% endblock %}

{% block content %} 
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading"><h2>Order List</h2></div>
				<div class="panel-body panel-no-padding">
					<table id="example" class="table table-striped table-bordered m0" cellspacing="0" >
						<thead>
							<tr>
								<th>Order #</th>
								<th>Purchased On</th>
								<th>Customer Name</th>
								<th>Base Price</th>
								<th>Purchased Price</th>
								<th>Status</th>
								<th>Action</th>
							</tr>
						</thead>
						

						<tbody>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>2</td>
								<td>19/08/14</td>
								<td>Adam Smith</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>19/08/14</td>
								<td>Brock Wulff</td>
								<td>$250</td>
								<td>$300</td>
								<td><span class="label label-info">Pending</span></td>
								<td>
									<a href="#" class="btn btn-default btn-xs btn-label"><i class="fa fa-search"></i> View</a>
								</td>
							</tr>

						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}
