{% 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 stylesheets %}
	{{parent()}}
	{% stylesheets filter='cssrewrite'
"bundles/app/js/c3-0.4.10/c3.css"
"bundles/app/js/jsdatepick-calendar/jsDatePick_ltr.min.css"
	%}
	<link rel="stylesheet" href="{{ asset_url }}" />
	{% endstylesheets %}
{% endblock %}
{% block content_title %}产品转化率列表
{% endblock %}
{% block sub_body %}
	<div class="row">
		{% include 'AppBundle:Message:message.html.twig' %}
		<!-- /.col-lg-12 -->
	</div>
	<div class="row">
		<div class="col-lg-12">
			<!-- /.panel -->
				<div class="panel-body">
					<div class="dataTable_wrapper">
						<table class="table table-striped table-bordered table-hover" id="dataTables-example">
							<thead>
								<tr>
									<th>Date</th>
									<th>PV</th>
									<th>Sessions</th>
									<th>Convert Percentage</th>
									<th>Units</th>
									<th>Orders</th>
									<th>OP</th>
								</tr>
							</thead>
							<tbody>
								{% for row in sessions %}
									<tr class="{%if loop.index is odd %}odd{% else %}even{% endif %}">
										<td>{{ row.year }}-{{ row.month }}-{{ row.day }}</td>
										<td>{{ row.session.sessions }}</td>
										<td>{{ row.session.pv }}</td>
										<td>{{ row.session.percentage }}</td>
										<td>{{ row.session.units }}</td>
										<td>{{ row.session.orders }}</td>
										<td>
											{{ form_start(form, {'action': path('conversion_delete'), 'method': 'DELETE'}) }}
											<input type="hidden" value="{{ row.year }}-{{ row.month }}-{{ row.day }}" name="date" />
											<input type="submit" onclick="return confirm('确定要删除{{ row.year }}-{{ row.month }}-{{ row.day }}日的转化率吗？')" class="btn btn-danger" value="删除" />
											{{ form_end(form) }}
										</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
		</div>
		<!-- /.col-lg-12 -->
	</div>
{% endblock sub_body %}