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

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/email_document.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>
{% 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">
		<div class="pull-left">
			<a href="{{ path('debit_notes_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-sm btn-default">PDF</a>
		</div>
		{{ with_selected_form('debit_note_list', {small: true}) }}
		<div class="clearfix"></div>
		<hr/>
		<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="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('debit_notes_new') }}" class="btn btn-default">New</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div class="record_list_count">Displaying 
			{{ (entities.getCurrentPageNumber()-1) * entities.getItemNumberPerPage() + 1 }}
			to
			{{ ((entities.getCurrentPageNumber()-1) * entities.getItemNumberPerPage()) + (entities.getItems()|length) }}
			of
			{{ entities.getTotalItemCount() }}
			<code>Debit Note</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 style="width: 25px;"></th>
					<th>{{ knp_pagination_sortable(entities, 'Date', 'dn.date') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Debit Note No.', 'docNo') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Account No.', 'accountNumber') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Company Name', 'accountName') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Description', 'dn.description') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Amount', 'total') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Emailed', 'dn.emailed') }}</th>
					{% if is_granted('ROLE_ADMIN_SALES_MANAGE') %}
						<th></th>
					{% endif %}    
				</tr>
			</thead>
			<tbody>
				{% for entity in entities %}
					<tr>
						<td>{{ with_selected_checkbox('debit_note_list', entity.id) }}</td>
						<td>{{ entity.date|date('Y-m-d') }}</td>
						<td><a href="{{ path('debit_notes_show', { 'id': entity.id }) }}" title="View Debit Note">{{ entity.docNo }}</a></td>
						<td><a href="{{ path('customer_account_show', { 'id': entity.account }) }}" title="View Account">{{ entity.accountNumber }}</a></td>
						<td><a href="{{ path('customer_account_show', { 'id': entity.account }) }}" title="View Account">{{ entity.accountName }}</a></td>
						<td>{{ entity.description }}</td>
						<td>{{ d2_config('currency_symbol') }} {{ entity.total|number_format(2, '.', ',') }}</td>
						<td><center><img src="{{ asset('bundles/d2core/images/' ~ (entity.emailed ? 'tick.png' : 'cross.png')) }}" title="{{ entity.emailed ? 'Active' : 'Inactive' }}" alt="{{ entity.emailed ? 'Active' : 'Inactive' }}" width="16" /></center></td>
						{% if is_granted('ROLE_DEBIT_NOTES_MANAGE') %}
							<td style="text-align: right;"><button style="font-size: 9px;" onclick="EmailDebitNoteDocument({{ entity.id }})">Send Email</button></td>
						{% endif %}
					</tr>
				{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(entities) }}
		</div>
	</div>
</div>
{% endblock content %}