| 
						
						
							
								
							
						
						
					 | 
					 | 
					@ -3,7 +3,7 @@ | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% block head %} | 
					 | 
					 | 
					 | 
					{% block head %} | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  {{ super() }} | 
					 | 
					 | 
					 | 
					  {{ super() }} | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  <link type="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> | 
					 | 
					 | 
					 | 
					  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% endblock %} | 
					 | 
					 | 
					 | 
					{% endblock %} | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% block app_content %} | 
					 | 
					 | 
					 | 
					{% block app_content %} | 
				
			
			
		
	
	
		
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
					 | 
					@ -15,13 +15,33 @@ | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					    </div> | 
					 | 
					 | 
					 | 
					    </div> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% endblock %} | 
					 | 
					 | 
					 | 
					{% endblock %} | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					TODO: | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					- maak time picker 24 uur based | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					https://eonasdan.github.io/bootstrap-datetimepicker/Options/#locale+ | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					- optie voor nu | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% block scripts %} | 
					 | 
					 | 
					 | 
					{% block scripts %} | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  {{ super() }} | 
					 | 
					 | 
					 | 
					  {{ super() }}  | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					  <!-- TODO: Scripts downloaden naar repo? --> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  <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/moment.js/2.18.1/moment.min.js"></script> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.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="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  <script type="text/javascript"> | 
					 | 
					 | 
					 | 
					  <script type="text/javascript"> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					    $(function () { | 
					 | 
					 | 
					 | 
					    $(function () { | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					      $('#datepick').datetimepicker(); | 
					 | 
					 | 
					 | 
					      $('#datetimepicker1').datetimepicker({ | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        useCurrent: false, //Important! See issue #1075 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        locale: 'en-gb' | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      }); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      $('#datetimepicker2').datetimepicker({ | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        useCurrent: false, //Important! See issue #1075 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        locale: 'en-gb' | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      }); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      $("#datetimepicker1").on("dp.change", function (e) { | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        $('#datetimepicker2').data("DateTimePicker").minDate(e.date); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      }); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      $("#datetimepicker2").on("dp.change", function (e) { | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					        $('#datetimepicker1').data("DateTimePicker").maxDate(e.date); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					 | 
					      }); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					    }); | 
					 | 
					 | 
					 | 
					    }); | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					  </script> | 
					 | 
					 | 
					 | 
					  </script> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					 | 
					{% endblock %} | 
					 | 
					 | 
					 | 
					{% endblock %} |