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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/partner_linkage_admin.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
    <div class="pull-right">
        <a href="{{ referrer }}" class="btn btn-small">Back</a>
    </div>
    <div>
        Configure <code>{{ entity.account.companyName }}</code> / <code>{{ entity.maAccount.account.companyName }}</code> settings.
    </div>
{% endblock page_header %}

{% block content %}
<div class="pull-right">
	<a href="javascript:FetchPartnerLinkages({{ entity.id }}, {{ entity.maAccount.id }})" class="btn btn-small">Copy Service Allocations</a>
	<a href="javascript:AddLinkageAllocation({{ entity.id }})" class="btn btn-small">Add Service Allocation</a>
</div>
<div>
	<h3 class="form-signin-heading">Traffic Lighting</h3>
	<table class="table table-condensed table-bordered">
		<tr><th style="width:100px">Service</th><th>Traffic Light Definitions</th><th style="width:100px"></th></tr>
		{% set last_service_code = '' %}
		{% for allocation in allocations %}
		<tr>
			<td>
				{% if last_service_code != allocation.serviceDefinition.serviceCode %}
				{{ allocation.serviceDefinition.serviceCode }}
				{% endif %}
			</td>
			<td>
				{% set alloc_defs = d2_ordered_traffic_lighting(allocation.id) %}
				{% if alloc_defs|length > 0 %}
				<table class="table table-condensed table-bordered">
					<tr><th>Color</th><th>Min Kg</th><th>Max Kg</th><th>Must Quote</th><th>Import Alert</th></tr>
					{% for definition in alloc_defs %}
					<tr>
						<td style="background-color:{{ definition.color }}">{{ definition.color }}</td>
						<td>{{ definition.minKg }}</td>
						<td>{{ definition.maxKg }}</td>
						<td><img src="{{ asset('bundles/d2core/images/' ~ (definition.requiresQuote ? 'tick.png' : 'cross.png')) }}" title="{{ definition.requiresQuote ? 'Active' : 'Inactive' }}" alt="{{ definition.requiresQuote ? 'Active' : 'Inactive' }}" width="16" /></td>
						<td><img src="{{ asset('bundles/d2core/images/' ~ (definition.alertOnImport ? 'tick.png' : 'cross.png')) }}" title="{{ definition.alertOnImport ? 'Active' : 'Inactive' }}" alt="{{ definition.alertOnImport ? 'Active' : 'Inactive' }}" width="16" /></td>
					</tr>
					{% endfor %}
				</table>
				{% endif %}
			</td>
			<td>
				{% if last_service_code != allocation.serviceDefinition.serviceCode %}
				<div class="btn-group pull-right">
				  <button type="button" class="btn btn-mini btn-info">Actions</button>
				  <button type="button" class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
				  <ul class="dropdown-menu" role="menu">
					<li><a href="javascript:EditLinkageAllocation({{ allocation.id }})">Edit Service Allocation</a></li>
					<li><a href="javascript:DeleteLinkageAllocation({{ allocation.id }})">Delete Service Allocation</a></li>
				  </ul>
			   </div>
				{% endif %}
			</td>
		</tr>
		{% set last_service_code = allocation.serviceDefinition.serviceCode %}
		{% endfor %}
	</table>
</div>   
<hr/>
<div class="pull-right">
	<a href="javascript:AddLinkageLimit({{ entity.id }})" class="btn btn-small">Add Service Limit</a>
</div>
<div>
	<h3 class="form-signin-heading">Additional Checks</h3>
	<table class="table table-condensed table-bordered">
		<tr><th style="width:100px">Service</th><th>Max Kg</th><th>Max Length</th><th>Max Width</th><th>Max Depth</th><th style="width:100px"></th></tr>
		{% for limit in limits %}
		<tr>
			<td>{{ limit.serviceDefinition.serviceCode }}</td>
			<td>{{ limit.maxKg }}</td>
			<td>{{ limit.maxLength }}</td>
			<td>{{ limit.maxWidth }}</td>
			<td>{{ limit.maxDepth }}</td>
			<td>
				<div class="btn-group pull-right">
				  <button type="button" class="btn btn-mini btn-info">Actions</button>
				  <button type="button" class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
				  <ul class="dropdown-menu" role="menu">
					<li><a href="javascript:EditLinkageLimit({{ limit.id }})">Edit Limit</a></li>
					<li><a href="javascript:DeleteLinkageLimit({{ limit.id }})">Delete Limit</a></li>
				  </ul>
			   </div>
			</td>
		</tr>
		{% endfor %}
	</table>
</div>    
    
{% endblock content %}