{% extends "AppBundle::layout.html.twig" %}

{% block javascripts %}

	{{parent()}}
	{% javascripts 
	"@AppBundle/Resources/public/components/datatables/media/js/jquery.dataTables.min.js" 
	"@AppBundle/Resources/public/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js" 
	%}
	<script src="{{ asset_url }}" ></script>
	{% endjavascripts %}

    <script>
		$(document).ready(function () {
			$('#dataTables-example').DataTable({
				responsive: true
			});
		});
    </script>

{% endblock %}

{% block content_title %}产品库存{% endblock %}
{% block sub_body %}
	<!-- /.row -->
	<div class="row">
		<div class="col-lg-12">
			{% for flashMessage in app.session.flashbag.get('notice') %}
				<div class="alert alert-success">
					{{ flashMessage }}
				</div>
			{% endfor %}
			<div class="panel panel-default">
				<div class="panel-heading">
					产品库存列表
				</div>
				<!-- /.panel-heading -->
				<div class="panel-body">
					<div class="dataTable_wrapper">
						<table class="table table-striped table-bordered table-hover" id="dataTables-example">
							<thead>
								<tr>
									<th>id</th>
									<th>订单时间</th>
									<th>订单ID</th>
									<th>客户名称</th>
									<th>电话</th>
									<th>邮箱</th>
									<th>地址</th>
									<th>总额</th>
								</tr>
							</thead>
							<tbody>
								{% for row in orders %}
									<tr class="{%if loop.index is odd %}odd{% else %}even{% endif %}">
										<td>{{row.id}}</td>
										<td>{{row.PurchaseDate}}</td>
										<td>{{row.AmazonOrderId}}</td>
										<td>{{row.BuyerName}}</td>
										<td>{{row.Phone}}</td>
										<td>{{row.BuyerEmail}}</td>
										<td>{{row.CountryCode ~ ' - ' ~ row.StateOrRegion ~ ' - ' ~ row.City ~  ' - ' ~ row.AddressLine1 ~ ' - ' ~ row.PostalCode}}</td>
										<td>{{row.Amount}}</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-12 -->
	</div>
{% endblock sub_body %}