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

{% macro displayStatus( entity, statusOptions ) %}
    {% if entity.status == 'outstanding' %}
        <span>{{ statusOptions[ entity.status ] }}</span>
    {% elseif entity.status == 'paid' %}
        <span style="color: green">{{ statusOptions[ entity.status ] }}</span>
    {% elseif entity.status == 'cn' %}
        <span style="color: red">{{ statusOptions[ entity.status ] }}</span>
    {% endif %}

{% endmacro %}

{% macro displayOrderStatus( entity, orderStatusOptions ) %}
    {% if entity.order_status == 'pending' %}
        <span style="color: red">{{ orderStatusOptions[ entity.order_status ] }}</span>
    {% elseif entity.order_status == 'incomplete' %}
        <span style="color: orange">{{ orderStatusOptions[ entity.order_status ] }}</span>
    {% elseif entity.order_status == 'complete' %}
        <span style="color: green">{{ orderStatusOptions[ entity.order_status ] }}</span>
    {% endif %}

{% endmacro %}


{% 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">
	<style type="text/css">
	#wrapper
	{
		min-width: 1700px;
	}
	</style>
{% endblock head_style_extra%}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-left">
			<a href="{{ path('invoices_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-sm btn-default">PDF</a>
		</div>
		{{ with_selected_form('invoice_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', 'order_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">Status</label>
				<select class="form-control" name="status">
					<option value=""></option>
					{% for key, val in statusOptions %}
						<option value="{{ key }}"{{ key == app.request.get('status') ? ' selected="selected"' : '' }}>{{ val }}</option>
					{% endfor %}
				</select>

				<label for="order_status">Order Status</label>
				<select class="form-control" name="order_status">
					<option value=""></option>
					{% for key, val in orderStatusOptions %}
						<option value="{{ key }}"{{ key == app.request.get('order_status') ? ' selected="selected"' : '' }}>{{ val }}</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('invoices_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>Invoice</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></th>
					<th>{{ knp_pagination_sortable(entities, 'Date', 'i.date') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Invoice No.', 'docNo') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Account No.', 'accountNumber') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Company Name', 'companyName') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Description', 'i.description') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Amount', 'total') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Emailed', 'i.emailed') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Status', 'i.status') }}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				{% for entity in entities %}
					<tr>
						<td>{{ with_selected_checkbox('invoice_list', entity.id) }}</td>
						<td>{{ entity.date|date('Y-m-d') }}</td>
						<td><a href="{{ path('invoices_show', { 'id': entity.id }) }}" title="View Invoice">{{ 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.companyName }}</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>
						<td>{{ _self.displayStatus( entity, statusOptions ) }}</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_MANAGE') %}
								<li><a href="javascript:EmailInvoiceDocument({{ entity.id }})">Send Email</a></li>
								{% endif %}
							  </ul>
						   </div>
						</td> 
					</tr>
				{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(entities) }}
		</div>
	</div>
</div>
{% endblock content %}