@extends('admin.layouts.master')
@section('title', 'الإشعارات')
@section('page_title', 'كل الإشعارات')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('admin.dashboard') }}</a></li>
    <li class="breadcrumb-item active">الإشعارات</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-bell"></i> الإشعارات</h3>
        <div class="card-tools">
            <form action="{{ route('admin.notifications.read-all') }}" method="POST" class="d-inline">@csrf
                <button class="btn btn-info btn-sm"><i class="fas fa-check-double"></i> اعتبار الكل مقروء</button>
            </form>
        </div>
    </div>
    <div class="card-body p-0">
        @if($notifications->isEmpty())
            <p class="text-muted text-center p-3">لا توجد إشعارات.</p>
        @else
            <table class="table table-striped m-0">
                <thead class="bg-light"><tr>
                    <th width="80px">الحالة</th>
                    <th>الإشعار</th>
                    <th>الوقت</th>
                    <th></th>
                </tr></thead>
                <tbody>
                    @foreach($notifications as $n)
                        @php
                            $color = $n->data['color'] ?? 'info';
                            $icon  = $n->data['icon']  ?? 'bell';
                        @endphp
                        <tr class="{{ $n->read_at ? '' : 'table-warning' }}">
                            <td>
                                @if($n->read_at)<span class="badge badge-secondary">مقروء</span>
                                @else<span class="badge badge-warning">جديد</span>@endif
                            </td>
                            <td>
                                <i class="fas fa-{{ $icon }} text-{{ $color }}"></i>
                                <b>{{ $n->data['title'] ?? 'إشعار' }}</b><br>
                                <small>{{ $n->data['body'] ?? '' }}</small>
                                @if(!empty($n->data['url']))
                                    <a href="{{ $n->data['url'] }}" class="btn btn-link btn-sm p-0 mx-2">عرض</a>
                                @endif
                            </td>
                            <td><small>{{ $n->created_at?->diffForHumans() }}</small></td>
                            <td>
                                <form action="{{ route('admin.notifications.destroy', $n->id) }}" method="POST" class="d-inline">@csrf @method('DELETE')
                                    <button class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
    @if($notifications->hasPages())
        <div class="card-footer clearfix">{{ $notifications->links() }}</div>
    @endif
</div>
@endsection