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

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/sales_admin.js') }}"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/datetimepicker_utils.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/datetimepicker_utils.js') }}"></script>
{% endblock head_script_extra %}

{% block head_style_extra %}
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
{% endblock head_style_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'] %}
					<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="category"> Category</label> 
				<select class="form-control" name="category">
					<option></option>
					{% for Category in Categories %}
					<option value="{{ Category.id }}" {% if app.request.get('category') == Category.id  %} selected="selected" {% endif %}>{{ Category.code }} - {{ Category.categorydescription }}</option>
					{% endfor %}
				</select>
				<label for="type"> Type</label> 
				<select class="form-control" name="type">
					<option></option>
					{% for Type in Types %}
					<option value="{{ Type.type }}" {% if app.request.get('type') == Type.type  %} selected="selected" {% endif %}>{{ Type.label }}</option>
					{% endfor %}
				</select>
				<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>
					<a href="{{ path('sales_item_new') }}" class="btn btn-default">New</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div class="record_list_count" style="margin-top:20px">Displaying 
			{{ (sales_items.getCurrentPageNumber()-1) * sales_items.getItemNumberPerPage() + 1 }}
			to
			{{ ((sales_items.getCurrentPageNumber()-1) * sales_items.getItemNumberPerPage()) + (sales_items.getItems()|length) }}
			of
			{{ sales_items.getTotalItemCount() }}
			<code>Sales Item</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(sales_items, 'Sales Code', 's.sales_code') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Category', 'sc.code') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Short Desc', 's.short_description') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Type', 's.type') }}</th>        
					<th>{{ knp_pagination_sortable(sales_items, 'Period', 's.type_period') }}</th>        
					<th>{{ knp_pagination_sortable(sales_items, 'Price (excl)', 's.item_price') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Discountable', 's.discountable') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Create Date', 's.create_ts') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'In Shop', 's.shop_visible') }}</th>
					<th>{{ knp_pagination_sortable(sales_items, 'Status', 's.enabled') }}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
			{% for entity in sales_items %}
				<tr>
					<td>{{ entity.sales_code | trim }}</td>
					<td>{{ entity.category_code }}</td>
					<td>{{ entity.short_description | trim }}</td>
					<td>
						{% if entity.type == 'general_item' %}{{ attribute(Types,'0').label }}{% endif %}
						{% if entity.type == 'physical_item' %}{{ attribute(Types,'1').label }}{% endif %}
						{% if entity.type == 'service_item' %}{{ attribute(Types,'2').label }}{% endif %}
						{% if entity.type == 'resident_fee_item' %}{{ attribute(Types,'3').label }}{% endif %}
						{% if entity.type == 'advert_fee_image_small_item' %}{{ attribute(Types,'4').label }}{% endif %}
						{% if entity.type == 'advert_fee_image_large_item' %}{{ attribute(Types,'5').label }}{% endif %}
						{% if entity.type == 'advert_fee_text_business_item' %}{{ attribute(Types,'6').label }}{% endif %}
						{% if entity.type == 'advert_fee_property_rental_item' %}{{ attribute(Types,'7').label }}{% endif %}
						{% if entity.type == 'advert_fee_property_sale_item' %}{{ attribute(Types,'8').label }}{% endif %}
						{% if entity.type == 'advert_fee_non_business_item' %}{{ attribute(Types,'9').label }}{% endif %}
					</td>            
					<td>
						{% if entity.type_period == 'n/a' %}{{ attribute(TypePeriods,'0').label }}{% endif %}
						{% if entity.type_period == 'monthly' %}{{ attribute(TypePeriods,'1').label }}{% endif %}
						{% if entity.type_period == 'six_monthly' %}{{ attribute(TypePeriods,'2').label }}{% endif %}
						{% if entity.type_period == 'annual' %}{{ attribute(TypePeriods,'3').label }}{% endif %}
					</td>            
					<td>{{ d2_config('currency_symbol') }} {{ entity.item_price|number_format(2) }}</td>
					<td style="padding-left: 16px;">
						<img src="{{ asset('bundles/d2core/images/' ~ (entity.discountable ? 'tick.png' : 'cross.png')) }}" title="{{ entity.enabled ? 'Active' : 'Inactive' }}" alt="{{ entity.enabled ? 'Active' : 'Inactive' }}" width="12" />
					</td>
					<td>{{ entity.create_ts|date("Y/m/d g:ia") }}</td>
					<td style="padding-left: 16px;">
						<img src="{{ asset('bundles/d2core/images/' ~ (entity.shop_visible ? 'tick.png' : 'cross.png')) }}" title="{{ entity.shop_visible ? 'Active' : 'Inactive' }}" alt="{{ entity.shop_visible ? 'Active' : 'Inactive' }}" width="12" />
					</td>
					<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-xs btn-info">Actions</button>
						  <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
						  <ul class="dropdown-menu" role="menu">
							{% if is_granted('ROLE_ADMIN_SALES_VIEW') %}
							<li><a href="{{ path('sales_item_show', { 'id': entity.id }) }}">View Sales Item</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_SALES_EDIT') %}
							<li><a href="{{ path('sales_item_edit', { 'id': entity.id }) }}">Edit Sales Item</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_SALES_DELETE') %}
							<li><a href="javascript:DeleteSalesItem({{ entity.id }})">Delete Sales Item</a></li>
							{% endif %}
						  </ul>
					   </div>
					</td> 
				</tr>
			{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(sales_items) }}
		</div>
	</div>
</div>
{% endblock content %}