add map pool creation

packages/frontend/web-laravel/.gitignore

@@ -21,3 +21,4 @@ yarn-error.log
 /.idea
 /.vscode
 /.zed
+.php-cs-fixer.cache

packages/frontend/web-laravel/.vite/deps_temp_dfa89c99/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

packages/frontend/web-laravel/app/Http/Controllers/MapPoolController.php

@@ -21,15 +21,17 @@ public function index()
      */
     public function create()
     {
-        //
+        return Inertia::render('MapPools/Create');
     }
 
     /**
      * Store a newly created resource in storage.
      */
     public function store(Request $request)
     {
-        //
+        MapPool::create($request->all());
+
+        return redirect('/map_pools');
     }
 
     /**

packages/frontend/web-laravel/app/Models/MapPool.php

@@ -11,6 +11,8 @@ class MapPool extends Model
 {
     use HasFactory;
 
+    protected $fillable = ['name'];
+
     public function mapPoolMaps(): HasMany
     {
         return $this->hasMany(MapPoolMap::class);

packages/frontend/web-laravel/database/migrations/2024_10_31_202800_make_app_models.php

@@ -5,7 +5,7 @@
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class() extends Migration {
+return new class () extends Migration {
     /**
      * Run the migrations.
      */
@@ -24,6 +24,7 @@ public function up(): void
 
         Schema::create('map_pools', function (Blueprint $table) {
             $table->id();
+            $table->string('name');
             $table->timestamps();
         });
 

packages/frontend/web-laravel/resources/js/Pages/MapPools/Create.svelte

@@ -0,0 +1,21 @@
+<script>
+    import Layout from '@/Shared/Layout.svelte'
+    import { useForm } from '@inertiajs/svelte'
+
+    let form = useForm({
+        name: '',
+    })
+
+    const createMapPool = () => {
+        $form.post('/map_pools')
+    }
+</script>
+
+<Layout>
+    <form on:submit|preventDefault={createMapPool}>
+        <label for="title">Title</label>
+        <input type="text" id="title" bind:value={$form.name} />
+
+        <button type="submit">Create Map Pool</button>
+    </form>
+</Layout>

packages/frontend/web-laravel/resources/js/Pages/MapPools/Index.svelte

@@ -1,32 +1,14 @@
 <script>
-    import { preventDefault } from 'svelte/legacy'
-
-    import { useForm, router } from '@inertiajs/svelte'
+    import { router, Link } from '@inertiajs/svelte'
     import Layout from '../../Shared/Layout.svelte'
 
     let { mapPools } = $props()
-
-    let values = {
-        mods: [
-            {
-                id: 1,
-            },
-        ],
-    }
-
-    let form = useForm(values)
-
-    function storeMapPool() {
-        $form.post('/map_pools')
-    }
 </script>
 
 <Layout>
-    <form onsubmit={preventDefault(storeMapPool)}>
-        <input type="text" />
-
+    <Link href="/map_pools/create">
         <button>Create</button>
-    </form>
+    </Link>
 
     <table class="table-auto">
         <thead>