Add close ticket functionality

Author: PeteBishwhip

app/Http/Controllers/Account/Support/TicketController.php

@@ -4,12 +4,26 @@
 
 use App\Http\Controllers\Controller;
 use App\Models\SupportTicket;
+use App\SupportTicket\Status;
 use Illuminate\Http\Request;
 
 class TicketController extends Controller
 {
     public static string $paginationLimit = '10';
 
+    public function closeTicket(SupportTicket $supportTicket)
+    {
+        $this->authorize('closeTicket', $supportTicket);
+
+        $supportTicket->update([
+            'status' => Status::CLOSED,
+        ]);
+
+        return redirect()
+            ->route('support.tickets.show', $supportTicket)
+            ->with('success', __('account.support_ticket.close_ticket.success'));
+    }
+
     public function index()
     {
         $supportTickets = SupportTicket::whereUserId(auth()->user()->id)

app/Policies/SupportTicketPolicy.php

@@ -8,6 +8,11 @@
 
 class SupportTicketPolicy
 {
+    public function closeTicket(User $user, SupportTicket $supportTicket): bool
+    {
+        return $supportTicket->user_id == $user->id;
+    }
+
     /**
      * Determine whether the user can view any models.
      */

resources/views/support/tickets/show.blade.php

@@ -1,24 +1,29 @@
 <x-layout-three-columns>
     {{-- Desktop Buttons - Hidden on Mobile --}}
-    <div class="hidden md:flex justify-end mb-4 space-x-3">
+    <div class="hidden md:flex justify-between items-center mb-4">
         <a href="/support/tickets" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700">
             <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
             </svg>
             Back to Tickets
         </a>
-        <button type="button" class="inline-flex items-center px-4 py-2 text-sm font-medium text-violet-700 bg-violet-100 border border-violet-200 rounded-lg hover:bg-violet-200 dark:bg-violet-900/30 dark:text-violet-300 dark:border-violet-800 dark:hover:bg-violet-900/50">
-            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"/>
-            </svg>
-            Reply
-        </button>
-        <button type="button" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700">
-            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
-            </svg>
-            Close Ticket
-        </button>
+        <div class="flex space-x-3">
+            @if($supportTicket->status !== \App\SupportTicket\Status::CLOSED)
+                <button type="button" class="inline-flex items-center px-4 py-2 text-sm font-medium text-violet-700 bg-violet-100 border border-violet-200 rounded-lg hover:bg-violet-200 dark:bg-violet-900/30 dark:text-violet-300 dark:border-violet-800 dark:hover:bg-violet-900/50">
+                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"/>
+                    </svg>
+                    Reply
+                </button>
+
+                <button type="button" onclick="document.getElementById('closeTicketForm').submit()" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700">
+                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+                    </svg>
+                    Close Ticket
+                </button>
+            @endif
+        </div>
     </div>
     <section class="mt-6">
         <div class="rounded-lg bg-white shadow dark:bg-gray-800">
@@ -63,7 +68,7 @@
             </p>
         </div>
     </section>
-    
+
     {{-- Mobile Footer - Visible only on Mobile --}}
     <div class="md:hidden fixed bottom-0 left-0 right-0 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-3 flex justify-between z-50">
         <a href="/support/tickets" class="flex-1 inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700 mx-1">
@@ -85,7 +90,12 @@
             Close
         </button>
     </div>
-    
+
     {{-- Add padding at the bottom to prevent content from being hidden behind the mobile footer --}}
     <div class="md:hidden h-16"></div>
+
+    {{-- Close ticket form --}}
+    <form action="{{ route('support.tickets.close', $supportTicket) }}" method="POST" id="closeTicketForm">
+        @csrf
+    </form>
 </x-layout-three-columns>

routes/web.php

@@ -73,6 +73,9 @@
 
                 Route::get('/{supportTicket}', [TicketController::class, 'show'])
                     ->name('support.tickets.show');
+
+                Route::post('/{supportTicket}/close', [TicketController::class, 'closeTicket'])
+                    ->name('support.tickets.close');
             });
     });