| 
									
										
										
										
											2016-12-31 22:27:40 +08:00
										 |  |  | <div toggle-switch="{{$name}}" class="toggle-switch @if($value) active @endif"> | 
					
						
							| 
									
										
										
										
											2016-12-23 03:41:32 +08:00
										 |  |  |     <input type="hidden" name="{{$name}}" value="{{$value?'true':'false'}}"/> | 
					
						
							|  |  |  |     <div class="switch-handle"></div> | 
					
						
							| 
									
										
										
										
											2016-12-31 22:27:40 +08:00
										 |  |  | </div> | 
					
						
							|  |  |  | <script> | 
					
						
							|  |  |  |     (function() { | 
					
						
							|  |  |  |        var toggle = document.querySelector('[toggle-switch="{{$name}}"]'); | 
					
						
							|  |  |  |        var toggleInput = toggle.querySelector('input'); | 
					
						
							|  |  |  |        toggle.onclick = function(event) { | 
					
						
							|  |  |  |            var checked = toggleInput.value !== 'true'; | 
					
						
							|  |  |  |            toggleInput.value = checked ? 'true' : 'false'; | 
					
						
							|  |  |  |            checked ? toggle.classList.add('active') : toggle.classList.remove('active'); | 
					
						
							|  |  |  |        }; | 
					
						
							|  |  |  |     })() | 
					
						
							|  |  |  | </script> |