{% 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 %}产品库存<a class="btn btn-success pull-right" href="{{ path('inventory_new') }}"><i class="fa fa-plus fa-fw"></i>添加产品</a>{% endblock %}
{% block sub_body %}
	<!-- /.row -->
	<div class="row">
		<div class="col-lg-12">
			{% for flashMessage in app.session.flashbag.get('success') %}
				<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 width="200">名称</th>
									<th>ASIN</th>
										{% if app.request.attributes.get('_route') == 'inventory_index' %}
										<th>精选</th>
										{% endif %}
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								{% for product in products %}
									<tr class="{%if loop.index is odd %}odd{% else %}even{% endif %}">
										<td>{{product.id}}</td>
										<td>
											{% if product.path %}
												<a href="http://www.amazon.com/dp/{{product.ASIN}}/" target="_blank">
													<img src="{{ image(product.uploadDir ~ product.id ~ '.' ~ product.path ).resize(120, 120) }}" />
												</a>
											{% endif %}

										</td>
										<td>
											{{product.title|raw}}
										</td>
										<th>
											<a href="http://www.amazon.com/dp/{{product.ASIN}}/" target="_blank">
												{{product.ASIN}}
											</a>
										</th>
										{% if app.request.attributes.get('_route') == 'inventory_index' %}
											<td>
												<a href="{{path('inventory_trigger', {id: product.id})}}" class="inventory-trigger">
													<div class="trigger-icon">
														{% if product.isActive %}
															<i class="fa fa-check fa-fw"></i>Yes
														{% else %}
															<i class="fa fa-ban fa-fw"></i>No
														{% endif %}
													</div>
												</a>
											</td>
										{% endif %}
										<td>
											<a class="btn btn-default" href="{{ path('inventory_new', {id: product.id}) }}">修改</a>
											{{ form_start(form, {'action': path('inventory_delete'), 'method': 'DELETE'}) }}
											<input type="hidden" value="{{ product.id }}" name="id" />
{#											<buttn type="submit" onclick="return confirm('确定要删除该产品吗？')" class="btn btn-danger" href="">删除</buttn>#}
											<input type="submit" onclick="return confirm('确定要删除该产品吗？')" class="btn btn-danger" value="删除" />
											{{ form_end(form) }}
										</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-12 -->
	</div>
{% endblock sub_body %}