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

{% block head_style_extra %}
	<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="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/d2engen/js/transaction_admin.js') }}"></script>
	<script>
		$(function() {
			$('#capture_date').datetimepicker({
				format: 'YYYY-MM-DD HH:mm'
			});
		});

		$(function() {
			$('#transaction_date').datetimepicker({
				format: 'YYYY-MM-DD HH:mm'
			});
		});
	</script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('admin_engen_transactions_view') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			Update <code>{% trans %}Transaction{% endtrans %}</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<form action="{{ path('admin_engen_transaction_update', { 'id': entity.id }) }}" {{ form_enctype(form) }} method="POST" class="form-general">
			<h2 class="form-general-heading">{% trans %}Vehicle{% endtrans %}</h2>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.vehicle) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.vehicle) }}
					{{ form_widget(form.vehicle) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.capture_date) }}
					</div>	
					<div class="col-md-9">
						{{ form_errors(form.capture_date) }}
						<div class='input-group date' id='capture_date' name='capture_date' style="width:200px">
							{{ form_widget(form.capture_date) }}
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</div>
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.date) }}
					</div>	
					<div class="col-md-9">
						{{ form_errors(form.date) }}
						<div class='input-group date' id='transaction_date' name='transaction_date' style="width:200px">
							{{ form_widget(form.date) }}
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</div>
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.reference) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.reference) }}
					{{ form_widget(form.reference) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.current_milage) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.current_milage) }}
					{{ form_widget(form.current_milage) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.litres) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.litres) }}
					{{ form_widget(form.litres) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.fuel_amount) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.fuel_amount) }}
					{{ form_widget(form.fuel_amount) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.non_fuel_amount) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.non_fuel_amount) }}
					{{ form_widget(form.non_fuel_amount) }}
					</div>	
			</div>
			{{ form_rest(form) }}
			<div class="submit_dev">
				<input class="btn btn-lg btn-default pull-right" type="submit" value="Update" />
			</div>
		</form>
	</div>
</div>	
{% endblock content %}