Add Bootstrap Boolean Filter

Author: lrljoe

resources/views/components/tools/filters/boolean.blade.php

@@ -1,6 +1,7 @@
 @php
     $defaultValue = ($filter->hasFilterDefaultValue() ? (bool) $filter->getFilterDefaultValue() : false)
 @endphp
+@if($isTailwind)
 <div class="flex flex-cols"
     x-data="newBooleanFilter('{{ $filter->getKey() }}', '{{ $tableName }}', '{{ $defaultValue }}')"
 >
@@ -27,3 +28,21 @@ class="flex-shrink-0 ml-1 h-6 w-6 rounded-full inline-flex items-center justify-
         </button>
     </template>
 </div>
+@else
+<div class="form-check form-switch"
+    x-data="newBooleanFilter('{{ $filter->getKey() }}', '{{ $tableName }}', '{{ $defaultValue }}')"
+>
+    <x-livewire-tables::tools.filter-label :$filter :$filterLayout :$tableName :$isTailwind :$isBootstrap4 :$isBootstrap5 :$isBootstrap />
+    <input id="thisId" type="checkbox" name="switch" class="form-check-input" role="switch" :checked="value" @click="toggleStatusWithUpdate" x-ref="switchButton"/>
+    <template x-if="(value == 1 || value == true)">
+        <button @click="toggleStatusWithReset" type="button"
+            class="flex-shrink-0 ml-1 h-6 w-6 rounded-full inline-flex items-center justify-center text-indigo-400 hover:bg-indigo-200 hover:text-indigo-500 focus:outline-none focus:bg-indigo-500 focus:text-white"
+        >
+
+            <span class="sr-only">{{ __($localisationPath.'Remove filter option') }}</span>
+            <x-heroicon-m-x-mark class="h-6 w-6" />
+        </button>
+    </template>
+
+    </div>
+@endif