@extends('admin.layout')
@section('title', 'Bildirişlər')
@section('content')
<h1 class="text-2xl font-bold mb-6">Bildirişlər</h1>

<div class="card mb-6 border-2 border-primarysoft">
    <h3 class="font-semibold mb-4">Yeni bildiriş göndər</h3>
    <form method="POST" action="{{route('admin.notifications.store')}}" class="space-y-3">
        @csrf
        <div class="grid grid-cols-2 gap-3">
            <div><label class="label">Başlıq</label><input type="text" name="title" class="input" required></div>
            <div>
                <label class="label">İstifadəçi</label>
                <select name="user_id" class="input"><option value="">Hamıya</option>@foreach($users as $u)<option value="{{$u->id}}">{{$u->name}} ({{$u->phone}})</option>@endforeach</select>
            </div>
        </div>
        <div class="grid grid-cols-2 gap-3">
            <div>
                <label class="label">Növ</label>
                <select name="type" class="input"><option value="info">Məlumat</option><option value="success">Uğurlu</option><option value="warning">Xəbərdarlıq</option><option value="promo">Kampaniya</option></select>
            </div>
        </div>
        <div><label class="label">Mətn</label><textarea name="message" class="input" rows="2" required></textarea></div>
        <button class="btn btn-primary"><x-icon name="send" class="w-4 h-4" /> Göndər</button>
    </form>
</div>

<table class="w-full bg-surface rounded-xl shadow-sm border border-line"><thead><tr class="bg-surface2 text-left text-xs text-muted uppercase"><th class="px-3 py-3">Başlıq</th><th class="px-3 py-3">İstifadəçi</th><th class="px-3 py-3">Növ</th><th class="px-3 py-3">Oxunub?</th><th class="px-3 py-3">Tarix</th><th></th></tr></thead><tbody class="divide-y divide-line">
@foreach($notifications as $n)
<tr><td class="px-3 py-2 font-medium text-sm">{{$n->title}}<div class="text-xs text-muted">{{$n->message}}</div></td><td class="px-3 py-2 text-sm">{{$n->user->name??'Hamı'}}</td><td class="px-3 py-2"><span class="badge {{$n->type==='info'?'badge-blue':($n->type==='success'?'badge-green':($n->type==='warning'?'badge-yellow':'badge-purple'))}}">{{$n->type}}</span></td><td class="px-3 py-2">@if($n->is_read)<x-icon name="check" class="w-4 h-4 inline text-primary" />@endif</td><td class="px-3 py-2 text-xs text-muted">{{$n->created_at->format('d.m H:i')}}</td><td class="px-3 py-2"><form method="POST" action="{{route('admin.notifications.destroy',$n)}}" onsubmit="return confirm('Silinsin?')">@csrf @method('DELETE')<button class="text-xs text-danger"><x-icon name="trash-2" class="w-4 h-4" /></button></form></td></tr>
@endforeach
</tbody></table><div class="mt-4">{{$notifications->links()}}</div>
@endsection