formatted, added team index, create, show

resources/js/pages/team/Create.vue

@@ -1,11 +1,66 @@
 <script setup lang="ts">
+import teamRoutes from '@/routes/teams';
+import { Save } from '@lucide/vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import InputError from '@/components/InputError.vue';
+import { Checkbox } from '@/components/ui/checkbox';
 
+defineOptions({
+  layout: {
+    breadcrumbs: [
+      {
+        title: 'Teams',
+        href: teamRoutes.index(),
+      },
+      {
+        title: 'Erstellen',
+        href: teamRoutes.create(),
+      },
+    ],
+  },
+});
+
+const form = useForm({
+  name: '',
+  require_2fa: false,
+});
+
+function submit(): void {
+  form.submit(teamRoutes.store());
+}
 </script>
 
 <template>
+  <Head title="Teams" />
 
+  <div class="flex flex-col justify-center p-16">
+    <form class="grid w-full gap-5 py-4" @submit.prevent="submit">
+      <div class="grid grid-cols-2 gap-5">
+        <div class="grid items-start gap-3">
+          <Label for="name">Name</Label>
+          <Input id="name" name="name" v-model="form.name" />
+          <InputError :message="form.errors.name" />
+          <InputError :message="(form.errors as any).slug" />
+        </div>
+        <div class="grid items-start gap-3">
+          <Label for="require_2fa">Require 2FA</Label>
+          <Checkbox
+            id="require_2fa"
+            name="require_2fa"
+            v-model="form.require_2fa"
+          />
+          <InputError :message="form.errors.require_2fa" />
+        </div>
+      </div>
+      <div class="flex w-full justify-end">
+        <Button type="submit" class="w-fit" :disabled="form.processing">
+          <component :is="Save" />
+          Erstellen
+        </Button>
+      </div>
+    </form>
+  </div>
 </template>
-
-<style scoped>
-
-</style>