{% extends "AppBundle::layout.html.twig" %}
{% block stylesheets %}
	{{parent()}}
	{% stylesheets filter='cssrewrite'
	"bundles/app/css/d3-stylesheet.css" 
	%}
	<link rel="stylesheet" href="{{ asset_url }}" />
	{% endstylesheets %}
{% endblock %}

{% block javascripts %}

	{{parent()}}
	{% javascripts 
	"@AppBundle/Resources/public/js/d3.v3.min.js" 
	"@AppBundle/Resources/public/js/jquery.tipsy.js" 
	"@AppBundle/Resources/public/js/d3-draw.js" 
	%}
	<script src="{{ asset_url }}" ></script>
	{% endjavascripts %}


{% endblock %}
{% block sub_body %}
{% for flashMessage in app.session.flashbag.get('notice') %}
<div class="alert alert-success">
	{{ flashMessage|raw }}
</div>
{% endfor %}
<!-- /.panel-heading -->
<div class="panel-body">
	<div id="container">
		<p id="headline" class="hed">关键词<strong>{{keyword.keyword}}</strong>排名变化曲线<a href="http://www.amazon.com/dp/{{product.ASIN}}/" target="_blank">{{product.ASIN}}</a></p>
	</div>  

	<p id="menu" class="menuchoice" style="display:none;"><select>
		<option value="val1"></option>
	</select>
	</p>
	<div id="graphic"> </div>
<div class="row">
	<div class="col-lg-12">
		<h1 class="page-header"><a href="http://www.amazon.com/dp/{{product.ASIN}}/" target="_blank">{{product.title}}</a></h1>
	</div>
	<!-- /.col-lg-12 -->
</div>
	<table class="table table-striped table-bordered table-hover" id="dataTables-example">
		<thead>
			<tr>
				<th>id</th>
				<th>排名</th>
				<th>时间</th>
			</tr>
		</thead>
		<tbody>
		{% for row in keyword.ranks %}
		<tr class="{%if loop.index is odd %}odd{% else %}even{% endif %}">
			<td>{{row.id}}</td>
			<td>
				{{row.rank|raw}}
			</td>
			<th>
				{{row.created|date('Y-m-d H:i:s')}}
			</th>
		</tr>
		{% endfor %}
		</tbody>
	</table>
</div>
<input type="hidden" id="csv" value="{{path('search_rank_csv', {id: product.id, keyId: keyId})}}" />

{% endblock %}