From c900f1bf689c6bbc6d234bb164c82314b137efe8 Mon Sep 17 00:00:00 2001
From: Alexander Gabriel <alexander.gabriel@digital-infinity.de>
Date: Tue, 26 May 2026 22:53:13 +0200
Subject: [PATCH] added delete option

---
 app/Livewire/CameraCapture.php                    | 11 +++++++++++
 resources/views/livewire/camera-capture.blade.php |  8 +++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/Livewire/CameraCapture.php b/app/Livewire/CameraCapture.php
index ee1e390..cbb1313 100644
--- a/app/Livewire/CameraCapture.php
+++ b/app/Livewire/CameraCapture.php
@@ -11,6 +11,17 @@ class CameraCapture extends Component
 {
     public string $status = '';
 
+    public function delete(int $jobId): void
+    {
+        $job = PhotoJob::find($jobId);
+        if (!$job) return;
+
+        Storage::disk('public')->delete($job->image_path);
+        $job->delete();
+
+        $this->status = "Job #{$jobId} deleted";
+    }
+
     public function capture(string $imageData): void
     {
         if (!preg_match('/^data:image\/(\w+);base64,/', $imageData, $type)) {
diff --git a/resources/views/livewire/camera-capture.blade.php b/resources/views/livewire/camera-capture.blade.php
index 74560e0..ad411e2 100644
--- a/resources/views/livewire/camera-capture.blade.php
+++ b/resources/views/livewire/camera-capture.blade.php
@@ -22,12 +22,18 @@
             <h2 class="text-sm font-medium text-gray-400 mb-3 tracking-wide uppercase">Recent Photos</h2>
             <div class="grid grid-cols-5 gap-2">
                 @foreach ($recentPhotos as $photo)
-                    <div class="relative group">
+                    <div class="relative">
                         <img src="{{ $photo['url'] }}" alt="Photo #{{ $photo['id'] }}"
                              class="w-full aspect-square object-cover rounded-lg border border-gray-700">
                         <span class="absolute bottom-1 left-1 text-[10px] px-1.5 py-0.5 rounded bg-black/60 text-yellow-400">
                             {{ $photo['status'] }}
                         </span>
+                        <button wire:click="delete({{ $photo['id'] }})"
+                                class="absolute top-1 right-1 p-1 rounded bg-black/60 text-white hover:bg-red-600/80 transition-colors">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewBox="0 0 20 20" fill="currentColor">
+                                <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"/>
+                            </svg>
+                        </button>
                     </div>
                 @endforeach
             </div>