@props(['notification'])

<a href="{{ $notification->data['url'] }}" class="dropdown-item">
    <div class="d-flex align-items-center">
        <div class="mr-3">
            <i class="{{ $notification->data['icon'] }} fa-lg"></i>
        </div>
        <div>
            <div class="small text-gray-500">{{ $notification->data['time'] }}</div>
            <span class="{{ $notification->read_at ? 'text-gray-600' : 'font-weight-bold' }}">
                {{ $notification->data['message'] }}
                @if(isset($notification->data['alasan']))
                    <div class="text-sm text-danger mt-1">
                        Alasan: {{ $notification->data['alasan'] }}
                    </div>
                @endif
            </span>
        </div>
    </div>
</a>