{% set months = {1:"Jan", 2:"Feb", 3:"Mar", 4:"Apr", 5:"May", 6:"Jun", 7:"Jul", 8:"Aug", 9:"Sep", 10:"Oct", 11:"Nov", 12:"Dec"} %}
<div class="well">
	<h4>Company Allocator [Period: {{ months[month] }} {{ year }}]</h4>
	<div class="offset1 span4 well">
		<h5>Export Waybills</h5>
		<p style="margin-bottom:12px">Click on the button below to export all partner waybills for the selected customer.</p>
		<table>
			<tr>
				<td style="width:68px">Customer</td>
				<td>
					<select class="form-control" name="customer_export" id="customer_export">
						<option selected="selected" value="">Choose an option</option>
					{% for k, v in all_customers %}<option value="{{ v.getId }}">{{ v.getCompanyName }}</option>{% endfor %}
					</select>
				</td>
			</tr>
		</table>
		<a href="javascript:CustomerExport()" class="btn btn-large btn-info pull-right" style="margin-top:38px">Export</a>
	</div>
	<div class="offset1 span4 well">
		<h5>Import Allocations</h5>
		<p>Click on the button below to upload and process returned allocation spreadsheet for the selected customer.</p>
		<form action="{{ path('company_allocation_process', {'month': month, 'year': year}) }}" {{ form_enctype(form) }} method="post">
			{{ form_widget(form) }}
			<button class="btn btn-large btn-primary pull-right" type="submit">Upload</button>
		</form>
	</div>
	<div class="clearfix"></div>
	<div class="progress progress-info" style="display:none" id="customer_progress_div" >
	  <div class="bar" style="width: 20%" id="customer_progress"></div>
	</div>
	<div class="clearfix"></div>

</div>