{{ form_errors(form) }}
<div class="row">
	<div class="col-md-12 form-group">{{ form_label(form.name) }} {{ form_widget(form.name) }}</div>
</div>
<div class="row">
	<div class="col-md-12 form-group">{{ form_label(form.reportTemplate) }} <a href="{{ path('report-templates') }}">Add/Edit Templates</a> {{ form_widget(form.reportTemplate) }}</div>
</div>
<div class="row">
  <div class="col-md-6 form-group">{{ form_widget(form.ranged) }}</div>
  <div class="col-md-6 form-group"><div class="pull-right">{{ form_widget(form.withCompanyNotes) }}</div></div>
</div>
<div class="row clear-both">
  <div class="col-md-1">&nbsp;</div><div class="col-md-5 form-group">{{ form_label(form.from) }} {{ form_widget(form.from, { 'attr':{'disabled':'disabled'} }) }}</div><div class="col-md-6">&nbsp;</div>
</div>
<div class="row clear-both">
  <div class="col-md-1">&nbsp;</div><div class="col-md-5 form-group">{{ form_label(form.to) }} {{ form_widget(form.to, { 'attr':{'disabled':'disabled'} }) }}</div><div class="col-md-6">&nbsp;</div>
</div>
<script type="text/javascript">

$( "#form_from, #form_to" ).datepicker({
             dateFormat: 'dd/mm/yy',
             // onSelect: function(selectedDate) {
             //     // we can write code here
             //     // console.log(selectedDate);
             // }

  });

  $('#form_ranged').change(function(){
    $('#form_from, #form_to').prop('disabled', function(i, v) { return !v; });
  })
</script>