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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2customer/js/customer_admin.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', 'priority', 'status'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">

				<label for="priority">Priority</label>
				<select class="form-control" name="priority" id="priority">
				{% set opts = {'':"Show All", 'High':"High", 'Medium':"Medium", 'Low':"Low"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('priority') is sameas(k) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>
				
				<label for="status">Status</label>
				<select class="form-control" name="status" id="status">
				{% set opts = {'':"Show All", 'New':"New", 'In Progress':"In Progress", 'Complete':"Complete"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('status') is sameas(k) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>

				<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>Displaying 
			{{ (note_list.getCurrentPageNumber()-1) * note_list.getItemNumberPerPage() + 1 }}
			to
			{{ ((note_list.getCurrentPageNumber()-1) * note_list.getItemNumberPerPage()) + (note_list.getItems()|length) }}
			of
			{{ note_list.getTotalItemCount() }}
			notes for <b>{{ customer.firstname }} {{ customer.lastname }}</b>
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="col-md-offset-2 col-md-8">
				<div class="accordion" id="accordion2">
		{% for entity in note_list %}
					<div class="accordion-group">
						<div class="accordion-heading">
							<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse{{ entity.id }}">
							{% if entity.priority|trim is sameas('High') %}
							<span class="label label-danger">Note</span> 
							{% elseif entity.priority|trim is sameas('Medium') %}
							<span class="label label-warning">Note</span> 
							{% else %}
							<span class="label label-info">Note</span> 
							{% endif %}

							{% if entity.status|trim is sameas('New') %}
							<span style="display:inline-block; width:70px" class="label label-primary">New</span> 
							{% elseif entity.status|trim is sameas('In Progress') %}
							<span style="display:inline-block; width:70px" class="label label-warning">In Progress</span> 
							{% else %}
							<span style="display:inline-block; width:70px" class="label label-success">Complete</span> 
							{% endif %}

							{{ entity.title|trim }} 
							<span class="pull-right">{{ entity.date|date("Y/m/d H:i:s") }}</span>
							</a>
						 </div>
						<div id="collapse{{ entity.id }}" class="accordion-body collapse">
							<div class="accordion-inner">
								<table style="width:100%;margin-top:10px">
									<tr><td>{{ entity.text|raw }}</td></tr>
									{% if entity.noteAction %}
									<tr><td>{{ entity.noteAction|raw }}</td></tr>
									{% endif %}
									<tr><td>
										<div class="pull-right">
										{% if is_granted('ROLE_ADMIN_CUSTOMER_NOTE_EDIT') %}
											<a href="javascript:EditCustomerNote({{ entity.getid }})" class="btn btn-xs">Edit</a> 
										{% endif %}
										{% if is_granted('ROLE_ADMIN_CUSTOMER_NOTE_DELETE') %}
											<a href="javascript:DeleteCustomerNote({{ entity.getid }})" class="btn btn-xs">Delete</a>
										{% endif %}
										</div>
									</td></tr>
								</table>
							   
							</div>
						</div>
					</div>
					<div style="margin-top:10px"></div>
		{% endfor %}
				</div>

				<div class="pagination pull-right">
					{{ knp_pagination_render(note_list) }}
				</div>
			</div>
		</div>    
	</div>
</div>
{% endblock content %}