@extends('admin.layout.main')
@section('content')
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Notification</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="index.html"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Notification</li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">

            </div>
        </div>
        <!--end breadcrumb-->
        <hr />
        <div class="card user-table">
            <div class="card-body">

                <div class="notify-page theme-box">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="prf-top-head">
                                <div class="prf-heading">
                                    <h2 class="heading">Notification</h2>
                                </div>
                            </div>
                            <div class="all-mail-area mt-4">
                                @forelse ($activities as $row)
                                    <div class="mail-tile">
                                        <div class="cont-mal">
                                            <img src="{{ $row->actor?->picture ?? url('/') . '/assets/images/avatars/noti1.jpg'}}" alt="">
                                            <h6>{{ $row->actor?->name . ' ' }}<span>{{ $row->body }}</span>
                                            </h6>
                                        </div>
                                        <div>
                                            <span>{{ $row->created_at->diffForHumans() }}</span>
                                            @php
                                                $deleteUrl = route('activities.destroy', $row->id);
                                            @endphp
                                            <form action="{{ $deleteUrl }}" method="POST" class="delete-form d-inline"
                                                data-id="{{ $row->id }}">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="detelt-mail" title="Delete">
                                                    <i class="bx bx-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                @empty
                                    <div class="text-center py-5">
                                        <i class="bx bx-bell-off display-1 text-muted"></i>
                                        <h4 class="mt-3 text-muted">No notifications found</h4>
                                        <p class="text-muted">You don't have any notifications at the moment.</p>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    @push('script')
    @endpush