@extends('admin.layouts.main')
@section('title', ___('Notifications (' . $totalUnread . ')'))
@section('header_buttons')
    <a class="btn btn-outline-primary ms-2" href="{{ route('admin.notifications.markasread') }}">{{ ___('Mark All as Read') }}</a>
    <form class="d-inline ms-2" action="{{ route('admin.notifications.deleteallread') }}"
          method="POST" onsubmit='return confirm("{{___('Are you sure?')}}")'>
        @csrf
        @method('DELETE')
        <button class="btn btn-icon btn-danger" title="{{ ___('Delete All Read') }}" data-tippy-placement="top">
            <i class="icon-feather-trash-2"></i>
        </button>
    </form>
@endsection
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="dataTables_wrapper">
                <table id="basic_datatable" class="table table-striped">
                    <thead>
                    <tr>
                        <th class="w-px-50">{{ ___('Type') }}</th>
                        <th>{{ ___('Title') }}</th>
                        <th>{{ ___('Created') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($notifications as $notification)
                        <tr class="item">
                            <td>
                                @if ($notification->link)
                                    <a href="{{ route('admin.notifications.view', $notification->id) }}">
                                        @endif
                                        <div class="avatar">
                                            {!! notification_icon($notification->type) !!}
                                        </div>
                                        @if ($notification->link)
                                    </a>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex align-items-center">
                                    @if ($notification->link)
                                        <a class="text-body"
                                           href="{{ route('admin.notifications.view', $notification->id) }}">
                                            @endif
                                            {{ $notification->title }}
                                            @if ($notification->link)
                                        </a>
                                    @endif
                                    @if (!$notification->status)
                                        <span class="badge badge-dot bg-primary ms-1"></span>
                                    @endif
                                </div>
                            </td>
                            <td>{{ $notification->created_at->diffforhumans() }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center">
                                {{___('No Data Found.')}}
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection