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

{% macro allocation_item_row(item) %}
	<td>
		<div class="well">
		<table>
			<tr>
				<td>{{ form_label(item.partner_invoice) }}</td>
				<td>{{ form_widget(item.partner_invoice) }}</td>
				<td>{{ form_errors(item.partner_invoice) }}</td>
			</tr>
			<tr>
				<td>{{ form_label(item.amount) }}</td>
				<td>{{ form_widget(item.amount) }}</td>
				<td>{{ form_errors(item.amount) }}</td>
			</tr>
		</table>
		</div>
	</td>
{% endmacro %}

{% block head_script_extra %}
<script>
var payment_mode = "NEW";
$(document).ready(function() {
	$(function() {
		$('#payment_date').datetimepicker({
			pickTime: false
		});
	});
});
</script>
<script type="text/javascript" src="{{ asset('bundles/d2partner/js/partner_payment.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
    <div class="pull-right">
        <a href="{{ path('partner_payments_view') }}" class="btn btn-small">Back</a>
    </div>
    <div>
        Add new <code>Partner Payment</code>.
    </div>
{% endblock page_header %}

{% block content %}
<form action="{{ path('partner_payments_create') }}" {{ form_enctype(form) }} method="POST" class="form-signin" style="max-width:1240px">
	{{ form_errors(form) }}
	<table style="width:100%">
		<tr style="vertical-align:top">
			<td>
				<h3 class="form-signin-heading">Partner Payment</h3>
				<table>
					<tr id='row_payment_file'>
						<td>{{ form_label(form.file) }}</td>
						<td>{{ form_widget(form.file) }}</td>
						<td>{{ form_errors(form.file) }}</td>
					</tr>
					<tr id='row_partner'>
						<td>{{ form_label(form.partner) }}</td>
						<td>{{ form_widget(form.partner) }}</td>
						<td>{{ form_errors(form.partner) }}</td>
					</tr>
					<tr id="row_payment_date">
						<td>{{ form_label(form.payment_date) }}</td>
						<td>
							<div id="payment_date" class="input-append">
								{{ form_widget(form.payment_date) }}
								<span class="add-on"><i data-date-icon="icon-calendar"></i></span>
							</div>
						</td>
						<td>{{ form_errors(form.payment_date) }}</td>
					</tr>
					<tr id='row_payment_reference'>
						<td>{{ form_label(form.reference) }}</td>
						<td>{{ form_widget(form.reference) }}</td>
						<td>{{ form_errors(form.reference) }}</td>
					</tr>
					<tr id='row_payment_amount'>
						<td>{{ form_label(form.amount) }}</td>
						<td>{{ form_widget(form.amount) }}</td>
						<td>{{ form_errors(form.amount) }}</td>
					</tr>
				</table>	
			</td>
			<td colspan="2"></td>
			<td>
				<h3 class="form-signin-heading">Invoice Allocations</h3>
				<table>
					<tr id="row_allocation_items">
						<td colspan="3">
							<table id='table_allocation_items' data-prototype="{{ _self.allocation_item_row(form.invoice_allocations.vars.prototype)|e }}" style="margin-left:0px">
								{% for allocation in form.invoice_allocations %}
								<tr class="allocation_item">
									<td>
										<div class="well">
											<table>
												<tr class="allocation_invoice_row">
													<td>{{ form_label(allocation.partner_invoice) }}</td>
													<td>{{ form_widget(allocation.partner_invoice) }}</td>
													<td>{{ form_errors(allocation.partner_invoice) }}</td>
												</tr>
												<tr class="allocation_amount_row">
													<td>{{ form_label(allocation.amount) }}</td>
													<td>{{ form_widget(allocation.amount) }}</td>
													<td>{{ form_errors(allocation.amount) }}</td>
												</tr>
											</table>
										</div>
									</td>
								</tr>
								{% endfor %}
							</table>
						</td>
					</tr>
					<tr id="control_add_allocation_items">
						<td colspan="2"></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	{{ form_rest(form) }}
    <div style="margin-top:15px">
        <input class="btn btn-large btn-primary pull-right" type="submit" value="Create" />
    </div>
</form>
{% endblock content %}