From d9f15a2d990e39e9f35e53a4ce3c73ec9bb7f153 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anna-Sara=20S=C3=A9lea?= <anna-sara@qualitythink.se>
Date: Mon, 5 May 2025 19:39:43 +0200
Subject: [PATCH] Fix with Deposit controller endpoint

---
 app/Http/Controllers/DepositController.php |  9 +++++----
 resources/css/app.scss                     | 14 ++++++++++++--
 resources/js/Pages/Customer.tsx            |  3 +--
 routes/api.php                             |  2 +-
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/app/Http/Controllers/DepositController.php b/app/Http/Controllers/DepositController.php
index 732bec7..d93977b 100644
--- a/app/Http/Controllers/DepositController.php
+++ b/app/Http/Controllers/DepositController.php
@@ -28,23 +28,24 @@ class DepositController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(Request $request, $id)
+    public function store(Request $request)
     {
         $request->validate([
+            'customer_id' => 'required',
             'deposit' => 'required',
         ]);
 
         Deposit::create([
-            'customer_id' => $id,
+            'customer_id' => $request->customer_id,
             'amount' => $request->deposit,
         ]);
 
-        $customer = Customer::findOrFail($id);
+        $customer = Customer::findOrFail($request->customer_id);
         $customer->deposit = $customer->deposit + $request->deposit;
         $customer->amount_left = $customer->amount_left + $request->deposit;
         $customer->save();
 
-        return redirect('customer/' . $customer->id);
+        return redirect('customer/' . $request->customer_id);
     }
 
     /**
diff --git a/resources/css/app.scss b/resources/css/app.scss
index a53ac19..24075e7 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -1,15 +1,25 @@
 @import 'bulma/css/bulma.min.css';
 
-
 :root {
     --button-link-background-color: #0080bb;
     --button-link-color: #fff;
  }
 
+
 .button {
     background-color: var(--button-link-background-color);
     color: var(--button-link-color);
-   
+}
+
+.button.letter {
+    background-color: #fff;
+    color: #000;
+    border: 1px solid lightgray;
+}
+
+.is-active.letter {
+    background-color: var(--button-link-background-color);
+    color: var(--button-link-color);
 }
 
 .navbar-logo {
diff --git a/resources/js/Pages/Customer.tsx b/resources/js/Pages/Customer.tsx
index 950fc25..9ee6487 100644
--- a/resources/js/Pages/Customer.tsx
+++ b/resources/js/Pages/Customer.tsx
@@ -29,7 +29,6 @@ export default function Customer({customer}: CustomerProps) {
         customer_id: customer.id,
         deposit: "",
         id: customer.id
-
     });
 
     const submit: FormEventHandler = (e) => {
@@ -41,7 +40,7 @@ export default function Customer({customer}: CustomerProps) {
 
     const submitDeposit: FormEventHandler = (e) => {
         e.preventDefault()
-        post('/api/register_deposit/' + customer.id, {
+        post(route('register_deposit'), {
             onFinish: () => reset('deposit'),
         }); 
     }
diff --git a/routes/api.php b/routes/api.php
index 92364de..9fd4d0c 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -9,6 +9,6 @@ use App\Http\Controllers\DepositController;
 Route::post('register_customer', [CustomerController::class, 'store'])->name('register_customer');
 
 Route::middleware('auth:sanctum')->group(function () {
-    Route::post('register_deposit/{id}', [DepositController::class, 'store']);
+    Route::post('register_deposit', [DepositController::class, 'store'])->name('register_deposit');
     Route::post('register_purchase', [PurchaseController::class, 'store'])->name('register_purchase'); 
 });