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

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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/fixed_billing_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>
        Add new <code>Fixed Billing Item</code>.
    </div>
{% endblock page_header %}

{% block content %}
<form action="{{ path('fixed_billing_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">Fixed Monthly Billing Item</h3>
				<table>
					<tr id='row_customer_name'>
						<td>{{ form_label(form.account) }}</td>
						<td>{{ form_widget(form.account) }}</td>
						<td>{{ form_errors(form.account) }}</td>
					</tr>
					<tr id='row_partner_account'>
						<td>{{ form_label(form.partner) }}</td>
						<td>{{ form_widget(form.partner) }}</td>
						<td>{{ form_errors(form.partner) }}</td>
					</tr>
					<tr id='row_sales_item'>
						<td>{{ form_label(form.sales_item) }}</td>
						<td>{{ form_widget(form.sales_item) }}</td>
						<td>{{ form_errors(form.sales_item) }}</td>
					</tr>
					<tr id='row_description'>
						<td>{{ form_label(form.description) }}</td>
						<td>{{ form_widget(form.description) }}</td>
						<td>{{ form_errors(form.description) }}</td>
					</tr>
					<tr id='row_item_count'>
						<td>{{ form_label(form.item_count) }}</td>
						<td>{{ form_widget(form.item_count) }}</td>
						<td>{{ form_errors(form.item_count) }}</td>
					</tr>
					<tr id='row_item_price'>
						<td>{{ form_label(form.item_price) }}</td>
						<td>{{ form_widget(form.item_price) }}</td>
						<td>{{ form_errors(form.item_price) }}</td>
					</tr>
					<tr id='row_period_type'>
						<td>{{ form_label(form.period_type) }}</td>
						<td>{{ form_widget(form.period_type) }}</td>
						<td>{{ form_errors(form.period_type) }}</td>
					</tr>
					<tr id='row_start_month'>
						<td>{{ form_label(form.start_month) }}</td>
						<td>{{ form_widget(form.start_month) }}</td>
						<td>{{ form_errors(form.start_month) }}</td>
					</tr>
					<tr id='row_start_year'>
						<td>{{ form_label(form.start_year) }}</td>
						<td>{{ form_widget(form.start_year) }}</td>
						<td>{{ form_errors(form.start_year) }}</td>
					</tr>
					<tr id='row_end_month'>
						<td>{{ form_label(form.end_month) }}</td>
						<td>{{ form_widget(form.end_month) }}</td>
						<td>{{ form_errors(form.end_month) }}</td>
					</tr>
					<tr id='row_end_year'>
						<td>{{ form_label(form.end_year) }}</td>
						<td>{{ form_widget(form.end_year) }}</td>
						<td>{{ form_errors(form.end_year) }}</td>
					</tr>
				</table>	
			</td>
			<td>
				<h3 class="form-signin-heading">Billing Months</h3>
				<table>
					<tr id="row_billing_month_items">
						<td colspan="3">
							<table id='table_billing_month_items' data-prototype="{{ _self.billing_month_item_row(form.billing_months.vars.prototype)|e }}" style="margin-left:0px">
								{% for month in form.billing_months %}
								<tr class="billing_month_item">
									<td>
										<div class="well">
										<table>
											<tr>
												<td>{{ form_label(month.billing_month) }}</td>
												<td>{{ form_widget(month.billing_month) }}</td>
												<td>{{ form_errors(month.billing_month) }}</td>
											</tr>
										</table>
										</div>
									</td>
								</tr>
								{% endfor %}
							</table>
						</td>
					</tr>
					<tr id="control_add_billing_month_items">
						<td class="pull-right" 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 %}