{% 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 %}
{% endblock %}

{% block content_title %}
{% endblock %}
{% block sub_body %}
<form action="{{path('product_set_cost')}}" method="POST">
	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header">
				设置(成本，是否显示)
				<input type="submit" class="btn btn-success btn pull-right" value="保存" />
			</h1>
			{% for flashMessage in app.session.flashbag.get('notice') %}
				<div class="alert alert-success">
					{{ flashMessage }}
				</div>
			{% endfor %}
					
			<div class="well">
				换算为美元后设置
			</div>
		</div>
		<!-- /.col-lg-12 -->
	</div>
	<!-- /.row -->
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-default">
				<!-- /.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>ASIN</th>
									<th width="200">名称</th>
									<th>图片</th>
									<th>购买成本</th>
									<th>邮寄成本</th>
									<th>是否显示</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								{% for product in products %}
								<tr class="{%if loop.index is odd %}odd{% else %}even{% endif %}">
									<td>{{product.asin}}</td>
									<td widtd="200">{{product.title}}</td>
									<td>
													<img src="{{ image(product.uploadDir ~ product.id ~ '.' ~ product.path ).resize(120, 120) }}" />
									</td>
									<td>购买成本<br/>$<input value="{{product.cost}}" name="cost-{{product.id}}" /></td>
									<td>邮寄成本<br/>$<input value="{{product.shipping}}" name="shipping-{{product.id}}" /></td>
									<td>
										<a href="{{path('report_trigger', {id: product.id})}}" class="inventory-trigger">
											<div class="trigger-icon">
												{% if product.showReport %}
												<i class="fa fa-check fa-fw"></i>Yes
												{% else %}
												<i class="fa fa-ban fa-fw"></i>No
												{% endif %}
											</div>
										</a>
									</td>
									<td>
										<a target="_blank" href="{{path('report_cost_calculate', {sku: product.sellerSKU})}}" class="btn btn-success btn">
												重新计算成本
										</a>
									</td>
								</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
					<input type="submit" class="btn btn-success btn pull-left" value="保存产品成本" />
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-12 -->
	</div>
</form>
{% endblock sub_body %}