More work on Support Ticket Single View

Author: PeteBishwhip

app/Models/SupportTicket.php

@@ -2,9 +2,11 @@
 
 namespace App\Models;
 
+use App\Models\SupportTicket\Reply;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\SoftDeletes;
 
 class SupportTicket extends Model
@@ -23,7 +25,8 @@ protected static function booted()
     {
         static::creating(function ($ticket) {
             if (is_null($ticket->mask)) {
-
+                // @TODO Generate a unique mask for the ticket
+                $ticket->mask = uniqid('ticket_');
             }
         });
     }
@@ -33,6 +36,12 @@ public function getRouteKeyName(): string
         return 'mask';
     }
 
+    public function replies(): HasMany
+    {
+        return $this->hasMany(Reply::class)
+            ->orderBy('created_at', 'desc');
+    }
+
     public function user(): BelongsTo
     {
         return $this->belongsTo(User::class);

app/Models/SupportTicket/Reply.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Models\SupportTicket;
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Reply extends Model
+{
+    use HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'support_ticket_id',
+        'message',
+        'attachments',
+        'note',
+    ];
+
+    protected $casts = [
+        'attachments' => 'array',
+        'note' => 'boolean',
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function supportTicket(): BelongsTo
+    {
+        return $this->belongsTo(SupportTicket::class);
+    }
+}

database/factories/SupportTicket/ReplyFactory.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Database\Factories\SupportTicket;
+
+use App\Models\SupportTicket;
+use App\Models\SupportTicket\Reply;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ReplyFactory extends Factory
+{
+    protected $model = Reply::class;
+
+    public function definition(): array
+    {
+        return [
+            'message' => $this->faker->paragraphs(2, true),
+            'attachments' => null,
+            'note' => false,
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+
+            'support_ticket_id' => SupportTicket::factory(),
+            'user_id' => User::factory(),
+        ];
+    }
+}

database/migrations/2025_04_28_160102_create_replies_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up(): void
+    {
+        Schema::create('replies', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor(SupportTicket::class);
+            $table->foreignIdFor(User::class );
+            $table->text('message');
+            $table->json('attachments')->nullable();
+            $table->boolean('note');
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('replies');
+    }
+};

database/seeders/SupportTicketSeeder.php

@@ -15,6 +15,11 @@ public function run(): void
     {
         SupportTicket::factory()
             ->count(10)
+            ->has(
+                SupportTicket\Reply::factory()
+                    ->state(['user_id' => 1])
+                    ->count(5)
+            )
             ->create([
                 'user_id' => 1,
                 'status' => 'open',

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

@@ -26,11 +26,17 @@
         <div class="mt-6 rounded-lg bg-white shadow dark:bg-gray-800">
             <div class="p-6">
                 <h2 class="mb-4 text-xl font-medium">Messages</h2>
-                @foreach([] as $message)
-                    <div class="mb-4 p-4 border rounded-lg {{ $message->is_from_user ? 'bg-blue-100' : 'bg-green-100' }}">
-                        <p><strong>{{ $message->user->name }}:</strong></p>
-                        <p>{{ $message->content }}</p>
-                        <p class="text-sm text-gray-500">{{ $message->created_at->format('d M Y, H:i') }}</p>
+                @foreach($supportTicket->replies as $reply)
+                    <div class="flex flex-col w-full mb-6">
+                        <div class="relative w-full">
+                            <div class="{{ $reply->is_from_user ? 'bg-blue-100/50 dark:bg-blue-900/20' : 'bg-gray-100/70 dark:bg-gray-700/20' }} p-4 rounded-lg border {{ $reply->is_from_user ? 'border-blue-200/50 dark:border-blue-800/30' : 'border-gray-200/50 dark:border-gray-700/30' }}">
+                                <p class="font-medium text-gray-900 dark:text-gray-100">{{ $reply->user->name }}</p>
+                                <p class="mt-1 text-gray-800 dark:text-gray-200">{{ $reply->message }}</p>
+                            </div>
+                        </div>
+                        <div class="mt-1 {{ $reply->is_from_user ? 'text-right' : 'text-left' }}">
+                            <span class="text-xs text-gray-500 dark:text-gray-400">{{ $reply->created_at->format('d M Y, H:i') }}</span>
+                        </div>
                     </div>
                 @endforeach
             </div>