1 <div toggle-switch="{{$name}}" class="toggle-switch @if($value) active @endif">
2 <input type="hidden" name="{{$name}}" value="{{$value?'true':'false'}}"/>
3 <div class="switch-handle"></div>
7 var toggle = document.querySelector('[toggle-switch="{{$name}}"]');
8 var toggleInput = toggle.querySelector('input');
9 toggle.onclick = function(event) {
10 var checked = toggleInput.value !== 'true';
11 toggleInput.value = checked ? 'true' : 'false';
12 checked ? toggle.classList.add('active') : toggle.classList.remove('active');