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

{% macro displayStatus( status, statusOptions ) %}
    {% if status == 'pending' %}
        <span>{{ statusOptions[ status ] }}</span>
    {% elseif status == 'ordered' %}
        <span style="color: orange">{{ statusOptions[ status ] }}</span>
    {% elseif status == 'invoiced' %}
        <span style="color: green">{{ statusOptions[ 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">
{% endblock head_style_extra %} 

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-left">
			<a href="{{ path('quotes_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-sm btn-default">PDF</a>
		</div>
		{{ with_selected_form('quote_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="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="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('quotes_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>Quote</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 style="width: 100px;">{{ knp_pagination_sortable(entities, 'Date', 'q.date') }}</th>
					<th style="width: 100px;">{{ knp_pagination_sortable(entities, 'Quote No.', 'docNo') }}</th>
					<th style="width: 100px;">{{ knp_pagination_sortable(entities, 'Account No.', 'customerAccountNumber') }}</th>
					<th style="width: 250px;">{{ knp_pagination_sortable(entities, 'Company Name', 'customerName') }}</th>
					<th>{{ knp_pagination_sortable(entities, 'Description', 'q.description') }}</th>
					<th style="width: 100px;">{{ knp_pagination_sortable(entities, 'Amount', 'total') }}</th>
					<th style="width: 75px;">{{ knp_pagination_sortable(entities, 'Status', 'q.status') }}</th>
					<th style="width: 75px; text-align: center;">{{ knp_pagination_sortable(entities, 'Emailed', 'q.emailed') }}</th>
					{% if is_granted('ROLE_ADMIN_SALES_MANAGE') %}
						<th style="width: 120px;"></th>
					{% endif %}
				</tr>
			</thead>
			<tbody>
				{% for entity in entities %}
					<tr>
						<td>{{ with_selected_checkbox('quote_list', entity.id) }}</td>
						<td>{{ entity.date|date('Y-m-d') }}</td>
						<td><a href="{{ path('quotes_show', { 'id': entity.id }) }}" title="View Quote">{{ 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>{{ _self.displayStatus( entity.status, statusOptions ) }}</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_ADMIN_SALES_MANAGE') %}
							<td style="text-align: right;"><button style="font-size: 9px;" onclick="EmailQuoteDocument({{ 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 %}