{% extends 'D2BillingBundle::base_admin.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2billingadmin/js/order.js') }}"></script>
{% endblock head_script_extra %}
    
{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<form class="filter_form form-inline pull-right" role="form" method="get">
			{% for k, v in app.request.query %}
				{% if k|lower not in ['search', 'page', 'from_date', 'to_date', 'account', 'status'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="sel_from_date">From</label>
				<div class="form-group">
					<div class='input-group date' id='sel_from_date' name='sel_from_date' style="width:140px">
						<input type='text' class="form-control" placeholder="From Date" name="from_date" value="{{ app.request.get('from_date') }}"/>
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
				<label for="sel_to_date">To</label>
				<div class="form-group">
					<div class='input-group date' id='sel_to_date' name='sel_to_date' style="width:140px">
						<input type='text' class="form-control" placeholder="To Date" name="to_date" value="{{ app.request.get('to_date') }}"/>
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>

				<label for="status">Order Status</label>
				<select class="form-control" name="status" id="status">
				{% set opts = status_arr %}
				<option value="" {{ app.request.get('status_code') is sameas(''|lower) ? 'selected="selected"' : '' }}>Show All</option>
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('status') is sameas(k|lower) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>
				<label for="account">Account</label>
				<input type="text" class="form-control" name="account" id="filter_account" placeholder="Search for" style="width:200px" value="{{ app.request.get('account') }}">
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">
				
				<div class="btn-group">
					<button type="submit" class="btn btn-default">Go</button>
					<button type="button" class="btn btn-default clear_filter">Clear</button>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div class="record_list_count">Displaying 
			{{ (orders.getCurrentPageNumber()-1) * orders.getItemNumberPerPage() + 1 }}
			to
			{{ ((orders.getCurrentPageNumber()-1) * orders.getItemNumberPerPage()) + (orders.getItems()|length) }}
			of
			{{ orders.getTotalItemCount() }}
			<code>Order</code> records
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th>{{ knp_pagination_sortable(orders, 'Account', 'account_code') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Invoice', 'invoice_no') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Sales Item', 'sales_code') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Quantity', 'quantity') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Order Status', 'so.status') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Created Date', 'so.create_ts') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Ordered Date', 'so.ordered_ts') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Completed Date', 'so.completed_ts') }}</th>
					<th>{{ knp_pagination_sortable(orders, 'Enabled', 'so.enabled') }}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
			{% for entity in orders %}
				<tr>
					<td><a href="{{ path('customer_account_show', { 'id': entity.account_id }) }}">{{ entity.account_code | trim }}</a></td>
					<td><a href="{{ path('invoices_show', { 'id': entity.invoice_id }) }}">{{ entity.invoice_no | trim }}</a></td>
					<td><a href="{{ path('sales_item_show', { 'id': entity.sales_item_id }) }}">{{ entity.sales_code | trim }}</a></td>
					<td>{{ entity.quantity }}</td>
					<td>{{ status_arr[entity.status]|trim }}</td>
					<td>{{ entity.create_ts|date("Y/m/d g:ia") }}</td>
					<td>
						{% if entity.status == 'ordered' or entity.status == 'order_complete' %}
							{{ entity.ordered_ts|date("Y/m/d g:ia") }}
						{% endif %}
					</td>
					<td>
						{% if entity.status == 'order_complete' %}
							{{ entity.completed_ts|date("Y/m/d g:ia") }}</td>
						{% endif %}
					<td style="padding-left: 16px;"><img src="{{ asset('bundles/d2core/images/' ~ (entity.enabled ? 'tick.png' : 'cross.png')) }}" title="{{ entity.enabled ? 'Active' : 'Inactive' }}" alt="{{ entity.enabled ? 'Active' : 'Inactive' }}" width="12" /></td>
					<td>
						<div class="btn-group pull-right">
						  <button type="button" class="btn btn-mini btn-info">Actions</button>
						  <button type="button" class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
						  <ul class="dropdown-menu" role="menu">
							{% if is_granted('ROLE_SMS_ACCOUNTS_VIEW') %}
							<li><a href="{{ path('supplier_order_show', { 'id': entity.id }) }}">View Order</a></li>
							{% endif %}
							{% if is_granted('ROLE_SMS_ACCOUNTS_DELETE') %}
							<li><a href="javascript:DeleteSupplierOrder({{ entity.id }})">Delete Supplier Order</a></li>
							{% endif %}
						  </ul>
					   </div>
					</td> 
				</tr>
			{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(orders) }}
		</div>
	</div>
</div>
{% endblock content %}