@if($notifications->isNotEmpty())
    <div style="margin-top: 30px;" class="w-full flex justify-end">
        {!!         \MoonShine\ActionButtons\ActionButton::make(
                label: 'Удалить все уведомления',
                url: route('notifications.all-delete'),
            )
                ->withConfirm(
                    'Подтверждение',
                    'Удалить все уведомления?',
                    'Удалить',
                )->primary()  !!}
    </div>
    <x-moonshine::table>
        @slot('thead')
            <th>№</th>
            <th>Уведомление</th>
            <th>Кому</th>
            <th>Просмотрено</th>
        @endslot
        @slot('tbody')
            @foreach($notifications as $notification)
                @php
                    $data = json_decode($notification->data, true);
                @endphp
                <tr style="background: rgba(54,10,71,0.3)">
                    <td style="background: rgba(31,11,43,0.19)">{{ $loop->iteration }}</td>
                    <td>{!! $data['message'] ?? 'Нет сообщения' !!}</td>
                    <td style="background: rgba(35,7,51,0.34)">
                        <x-moonshine::link-button
                            href="/{{ config('moonshine.route.prefix') }}/resource/user-resource/form-page?resourceItem={{ $notification->user->id }}">
                            {{ $notification->user->email . ' - Баланс: ' . $notification->user->balance }}
                        </x-moonshine::link-button>
                    </td>
                    <td>{{ $notification->read_at ? \Illuminate\Support\Carbon::parse($notification->read_at)->diffForHumans() : '-' }}</td>
                </tr>
            @endforeach
        @endslot
    </x-moonshine::table>

    @if($notifications->hasPages())
        <x-moonshine::box title="Странички">
            {{ $notifications->links('panel.includes.pagination-donate') }}
        </x-moonshine::box>
    @endif
@else
    <hr>
    <div class="w-full text-center">
        <p>Уведомлений пока нет</p>
    </div>
    <hr>
@endif