Működik a form a módosított adatbázissal

Backend/peepal_backend/app/Http/Controllers/WcController.php

@@ -56,7 +56,7 @@ class WcController extends Controller
                 'utvonal' => $validatedData['utvonal'],
                 'szel_koord' => $szelesseg,
                 'hossz_koord' => $hosszusag,
-                'felhasznalo_id' => $validatedData['felhasznalo_id']
+                'felhasznalo_id' => $validatedData['felhasznalo_id'] ?? null
             ]);
 
             return response()->json([

Backend/peepal_backend/app/Models/WcAdatok.php

@@ -13,6 +13,10 @@ class WcAdatok extends Model
         return $this->belongsTo(Keruletek::class);
     }
 
+    public function felhasznalo(){
+        return $this->belongsTo(User::class);
+    }
+
     protected $table = 'wc_adatok';
 
     protected $fillable = [

Backend/peepal_backend/database/migrations/2025_04_10_091601_tabla_feltoles.php

@@ -37,7 +37,7 @@ return new class extends Migration
             $table->double('hossz_koord');
             $table->double('szel_koord');
             $table->string('utvonal', 1000);
-            $table->foreignId('felhasznalo_id')->references('id')->on('felhasznalok');
+            $table->foreignId('felhasznalo_id')->nullable()->references('id')->on('felhasznalok');
             $table->timestamps();
         });
     }

frontend/peepal_react/src/WC_Komponens/Hozzadas/HozzaadForm.jsx

@@ -1,4 +1,4 @@
-import React, {useState} from "react";
+import React, { useState} from "react";
 import { useNavigate } from "react-router-dom";
 
 export default function HozzaadForm() {
@@ -23,7 +23,8 @@ export default function HozzaadForm() {
             ar: ar,
             nyitva: nyitva,
             utvonal: utvonal,
-            koordinatak: koordinatak
+            koordinatak: koordinatak,
+            felhasznalo_id: null
         }
 
         fetch("http://localhost:8000/api/hozzaadas", {
@@ -33,8 +34,19 @@ export default function HozzaadForm() {
             },
             body: JSON.stringify(wcInfo)
         })
-            .then((response) => response.json())
-            .then((newWC) => {
+        .then(async (response) => {
+            if (!response.ok) {
+                const errorData = await response.json();
+                console.error("Hiba a POST kérésnél:", errorData);
+                alert("Hiba történt az adatok mentésekor.");
+                return;
+            }
+        
+            const newWC = await response.json();
+        
+            console.log("Sikeres mentés:", newWC);
+        
+            // csak siker után törlünk mindent és navigálunk
             setNev("");
             setKeruletId("");
             setKozeli("");
@@ -46,8 +58,9 @@ export default function HozzaadForm() {
             navigate("/");
         })
         .catch((error) => {
-                console.log(error);
-            })
+            console.log("Hálózati hiba:", error);
+            alert("Nem sikerült csatlakozni a szerverhez.");
+        });
     }
     
     const ToolTip = ({children, text}) => {
@@ -83,10 +96,21 @@ export default function HozzaadForm() {
 
                 <label className="block text-gray-700">Kerület:</label>
 
-                <select name="kerulet_id">
-                    
+                <select
+                    id="kerulet"
+                    name="kerulet_id"
+                    value={kerulet_id}
+                    onChange={(event) => setKeruletId(event.target.value)}
+                >
+                    <option value="">Válassz kerületet</option>
+                    {Array.from({ length: 23 }, (_, i) => (
+                        <option key={i + 1} value={i + 1}>
+                            {i + 1}. kerület
+                        </option>
+                    ))}
                 </select>
 
+                {/* 
                 <input 
                     type="text"
                     name="kerulet"
@@ -95,6 +119,7 @@ export default function HozzaadForm() {
                     placeholder="Kerület"
                     className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
                 />
+                */}
 
                 <label className="block text-gray-700">Legközelebbi megálló:</label>
                 <input