Realtime Ticketing

Member browser                         Admin browser
  │                                       │
  │ Laravel Echo + Pusher JS              │ Laravel Echo + Pusher JS
  │ (connect to Reverb)                   │ (connect to Reverb)
  ▼                                       ▼
┌───────────────────────────────────────────────────────────────┐
│                  Laravel Reverb WebSocket (port 8080)           │
│                                                               │
│  Channels:                                                    │
│    private-ticket.{ticket_id}   ← per-tiket chat room          │
│    private-admin-request.{admin_id}  ← admin request notif     │
└─────────────┬─────────────────────────────────┬───────────────┘
              │                                 │
              ▼                                 ▼
┌─────────────────────────────────┐ ┌─────────────────────────────┐
│   dazo-whitelist (web app)       │ │   Admin dashboard            │
│                                  │ │                              │
│   TicketController               │ │   TicketController (admin)   │
│     → TicketMessage::create(...) │ │     → listen channel         │
│     → event(new TicketMessage   │ │     → update UI              │
│         Created($message))       │ │                              │
│                                  │ │   Notification::send(...)    │
│   Notification (database +       │ │     → broadcast              │
│     ShouldBroadcast)             │ │                              │
└─────────────────────────────────┘ └─────────────────────────────┘

// private-ticket.{ticket_id}
Broadcast::channel('ticket.{id}', function ($user, $id) {
    $ticket = Ticket::find($id);
    // Hanya member pemilik atau admin yang dapat akses
    return $ticket && ($ticket->member_id === $user->member->id ?? null
        || $user->guard_name === 'admin');
});

// private-admin-request.{admin_id}
Broadcast::channel('admin-request.{id}', function ($user, $id) {
    return $user->id === $id || $user->guard_name === 'admin';
});

static::creating(function(Ticket $e) {
    // Do not auto-assign admin on create.
    // admin_id should be set explicitly when a ticket is assigned.
    if (!$e->admin_id) {
        $e->admin_id = null;
    }
});

static::created(function(Ticket $e) {
    $ticketNumber = str_pad((string) $e->ticket_number, 4, '0', STR_PAD_LEFT);
    $e->activities()->create([
        'user_id' => auth()->id(),
        'action'  => 'created',
        'message' => "Tiket #{$ticketNumber} telah dibuat",
    ]);
});

static::deleting(function(Ticket $e) {
    if (auth()->user()->guard_name != 'admin' && $e->status != 'pending') return false;
    foreach ($e->message as $val) $val->delete();
    foreach ($e->ads_account as $val) $val->delete();
});

[pending] ──admin assign──► [open/on progress] ──admin close──► [closed]
                                  ▲                                 │
                                  │                                 │
                                  └──reopen─────────────────────────┘

static function getadmin() {
    $cs = Config::get_val('ticket_support_role');
    if (!Str::isUuid($cs)) return;
    return User::whereHas("roles", fn($q) => $q->where("id", $cs))
        ->admin()->active()->inRandomOrder()->pluck('id')->first();
}

/* WhatsApp button digeser ke kiri Crisp */
.wa-float-dual {
    right: 95px !important;
    bottom: 20px !important;
    z-index: 999;
}

.crisp-client {
    z-index: 1000 !important;
}

window.CRISP_READY_TRIGGER = function() {
    $crisp.push(["set", "user:email", ["{{ auth()->user()->email }}"]]);
    $crisp.push(["set", "user:nickname", ["{{ auth()->user()->name }}"]]);
};

// resources/js/app.js (disederhanakan)
import Echo from 'laravel-echo';
import Pusher from 'pusher-js';

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: import.meta.env.VITE_REVERB_APP_KEY,
    wsHost: import.meta.env.VITE_REVERB_HOST,
    wsPort: import.meta.env.VITE_REVERB_PORT,
    wssPort: import.meta.env.VITE_REVERB_PORT,
    forceTLS: false,
    enabledTransports: ['ws', 'wss'],
    authEndpoint: '/broadcasting/auth',
});

Echo.private(`ticket.${ticketId}`)
    .listen('TicketMessageCreated', (e) => {
        // Append message to chat UI
    })
    .listen('TicketStatusUpdated', (e) => {
        // Update ticket status badge
    });