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

{% block head_style_extra %}
	<link href="{{ asset('bundles/d2billing/css/invoice.css') }}" rel="stylesheet">
	<link href="{{ asset('bundles/d2core/css/select_add.css') }}" rel="stylesheet">
	<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 head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/document.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/invoice.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/invoice-init.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>

	<script type="text/javascript">
	var taxCodes = {{ taxCodes|json_encode()|raw }};
	var vatRegistered = {{ d2_sys_config('company_vat_registered') }};
	</script>
{% endblock head_script_extra %}


{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('invoices') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			Add new <code>Invoice</code>.
		</div>
	</div>
</div>
{% endblock %}

{% block content %}
<div class="row">
	<div class="col-md-offset-1 col-md-10">
		<form class="new_document" action="{{ path('invoices_new') }}" method="post" {{ form_enctype(form) }} novalidate>

			{{ form_widget(form.quote) }}

			{% include 'D2BillingBundle::new.base.twig' %}
			
			<br/>
			<br/>
			
			<a href="{{ path('invoices_clear') }}" class="btn btn-default">Clear</a>
			<input class="btn btn-default pull-right" type="submit" value="Create" />
			
		</form>
	</div>
</div>
{% endblock %}