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

{% 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 head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2deliverymanager/js/delivery_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>
		$(document).ready(function(){	
			$(function () {
			  $('[data-toggle="popover"]').popover()
			})
		});
	</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', 'user', 'customer', '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; font-size:10px">
						<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="user">Accepted By</label>
				<select class="form-control" name="user" id="user">
					<option value="">Show All</option>
				{% for user in users %}<option value="{{ user.id }}" {{ app.request.get('user') is sameas(user.id|lower) ? 'selected="selected"' : '' }}>{% if user.customer is not null %}{{ user.customer.lastname }} {{ user.customer.firstname }}{% else %}{{ user.username }}{% endif %}</option>{% endfor %}
				</select>
				<label for="customer">Delivery To</label>
				<select class="form-control" name="customer" id="customer">
					<option value="">Show All</option>
				{% for customer in customers %}<option value="{{ customer.id }}" {{ app.request.get('customer') is sameas(customer.id|lower) ? 'selected="selected"' : '' }}>{{ customer.lastname }} {{ customer.firstname }}</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="javascript:DeliveryReport('{{ app.request.get('from_date') }}', '{{ app.request.get('to_date') }}')" class="btn btn-default">PDF</a>
					<a href="{{ path('admin_delivery_new') }}" class="btn btn-default">New</a>
					<a title="Launch Delivery Assistant" href="{{ path('admin_delivery_manager_assistant') }}" class="btn btn-default">Assistant</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div style="margin-top:10px">Displaying 
			{{ (deliveries.getCurrentPageNumber()-1) * deliveries.getItemNumberPerPage() + 1 }}
			to
			{{ ((deliveries.getCurrentPageNumber()-1) * deliveries.getItemNumberPerPage()) + (deliveries.getItems()|length) }}
			of
			{{ deliveries.getTotalItemCount() }} {% trans %}Delivery{% endtrans %} 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(deliveries, 'Bar Code', 'd.bar_code') }}</th>
					<th>{{ knp_pagination_sortable(deliveries, 'Received By', 'd.user') }}</th>
					<th>{{ knp_pagination_sortable(deliveries, 'Delivery For', 'd.customer') }}</th>
					<th>{{ knp_pagination_sortable(deliveries, 'Delivered Date', 'd.date') }}</th>
					<th>{{ knp_pagination_sortable(deliveries, 'Collected Date', 'd.collection_date') }}</th>
					<th>{{ knp_pagination_sortable(deliveries, 'Notification Emailed', 'd.pdf_emailed') }}</th>
					<th style="width:100px"></th>
				</tr>
			</thead>
			<tbody>
		{% for entity in deliveries %}
			<tr>
				<td>{{ entity.barCode|trim }}</td>
				<td>
					<span data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-trigger="hover" data-content="<img src='/uploads/delivery_manager/{{ entity.filePathAccept }}' alt='IMAGE' class='img-responsive' width='100%' />">
					{% if entity.user is not null %}
					{% if entity.user.customer is not null %}
						{{ entity.user.customer.firstname }} {{ entity.user.customer.lastname }}
					{% else %}\
						{{ entity.user.username|trim }}
					{% endif %}
					{% endif %}
					</span>
				</td>
				<td>
					<span data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-trigger="hover" data-content="<img src='/uploads/delivery_manager/{{ entity.filePathDeliver }}' alt='IMAGE' class='img-responsive' width='100%' />">
					{% if entity.customer is not null %}
						{{ entity.customer.firstname }} {{ entity.customer.lastname }}
					{% endif %}
					</span>
				</td>
				<td>{{ entity.date|date('Y-m-d') }}</td>
				<td>{% if entity.collectionDate is not null %}{{ entity.collectionDate|date('Y-m-d') }}{% else %}NOT COLLECTED{% endif %}</td>
				<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.pdfEmailed ? 'tick.png' : 'cross.png')) }}" title="{{ entity.pdfEmailed ? 'Emailed' : 'Not Emailed' }}" alt="{{ entity.pdfEmailed ? 'Emailed' : 'Not Emailed' }}" 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_DELIVERY_MANAGER_VIEW') %}
						<li><a href="javascript:ShowDelivery({{ entity.id }})">View {% trans %}Delivery{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_DELIVERY_MANAGER_EDIT') %}
						<li><a href="{{ path('admin_delivery_edit', { 'id': entity.id }) }}">Edit {% trans %}Delivery{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_DELIVERY_MANAGER_DELETE') %}
						<li><a href="javascript:DeleteDelivery({{ entity.getid }})">Delete {% trans %}Delivery{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_DELIVERY_MANAGER_MANAGE') %}
						<li role="separator" class="divider"></li>
						<li><a href="javascript:AddBarCode({{ entity.getid }})">Barcode {% trans %}Delivery{% endtrans %}</a></li>
						<li><a href="javascript:NotifyManagerDelivery({{ entity.getid }})">Email {% trans %}Delivery{% endtrans %} Notification</a></li>
						{% endif %}
					  </ul>
					</div>
				</td>
			</tr>
		{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(deliveries) }}
		</div>
	</div>
</div>    
{% endblock content %}