{{-- @dd($data) --}}
<a class="notify_id" data-notify-id="{{ $data->id }}">
    <div class="d-flex align-items-start mb-2" style="color:{{ $data->read_at ? '#808080' : 'black' }}">
        <div class="symbol symbol-35px me-4">
            <span class="symbol-label {{$data->read_at ? 'bg-light-warning':''}}" style="background-color:{{$data->read_at ? '':'#c18948'}}">
                <span class="svg-icon svg-icon-2 svg-icon-warning">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path opacity="0.3"
                            d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z"
                            fill="currentColor" />
                        <path
                            d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z"
                            fill="currentColor" />
                    </svg>
                </span>
            </span>
        </div>
        <div class="mb-0 me-2">
            <div class="fs-7 messages" style="font-weight:{{ $data->read_at ? '300' : '600' }}">
                {{ $data->data['message'] }}</div>
        </div>
        <span class="badge badge-light fs-8 me-2">{{ $data->created_at->diffForHumans() }}</span>
        <!--<span class="badge badge-light fs-8 me-2">{{ $data->id }}</span>-->
    </div>
</a>
{{-- <a class="badge badge-light fs-8 notify_id" data-notify-id="{{$data->id}}"><i class="fa fa-trash" aria-hidden="true"></i></a> --}}