updated sms package creator, removed result for segments with exeption true, replaced some ui elements

resources/js/Pages/Testing/Index.vue

@@ -1,13 +1,21 @@
 <script setup>
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import AppLayout from "@/Layouts/AppLayout.vue";
 import DataTableClient from "@/Components/DataTable/DataTableClient.vue";
 import DataTableExample from "../Examples/DataTableExample.vue";
+import { useForm } from "@inertiajs/vue3";
+import Checkbox from "@/Components/ui/checkbox/Checkbox.vue";
 
 const props = defineProps({
   example: { type: String, default: "Demo" },
 });
 
+const checkboxValue = ref(false);
+
+const testForm = useForm({
+  allowed: false,
+});
+
 // Dummy columns
 const columns = [
   { key: "id", label: "ID", sortable: true, class: "w-16" },
@@ -53,10 +61,17 @@ function onRowClick(row) {
   // no-op demo; could show toast or details
   console.debug("Row clicked:", row);
 }
+
+watch(
+  () => testForm.allowed,
+  (newVal) => {
+    console.log(newVal);
+  }
+);
 </script>
 
 <template>
-  
-        <DataTableExample></DataTableExample>
-    
+  <AppLayout>
+    <Checkbox v-model:checked="testForm.allowed" />
+  </AppLayout>
 </template>