@php
    $notificationData = json_decode($notification->data, true);
@endphp

@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'View Notification')

@section('content')
    <div class="flex items-center justify-between mb-6">
        <h1 class="text-2xl font-semibold">Notification Details</h1>
        <div class="flex gap-2">
            <a href="{{ route('admin.notifications.index') }}" class="btn btn-primary">
                <i class="fas fa-arrow-left mr-2"></i> Back to Notifications
            </a>
        </div>
    </div>

    <div class="card">
        <div class="overflow-x-auto">
            <table class="w-full border border-gray-200">
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Title</th>
                    <td>{{ $notificationData['title'] ?? 'N/A' }}</td>
                </tr>
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Message</th>
                    <td>{{ $notificationData['message'] ?? 'N/A' }}</td>
                </tr>
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Action</th>
                    <td>{{ $notificationData['action'] ?? 'N/A' }}</td>
                </tr>
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Author</th>
                    <td>{{ $notificationData['author'] ?? 'N/A' }}</td>
                </tr>
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Read At</th>
                    <td>{{ $notification->read_at ? customDateTimeFormate($notification->read_at) : 'Unread' }}</td>
                </tr>
                <tr class="border-b border-gray-200">
                    <th class="text-left w-48">Created At</th>
                    <td>{{ customDateTimeFormate($notification->created_at) }}</td>
                </tr>
            </table>
        </div>
    </div>
@endsection