@extends('layouts.app')

@section('title', 'Уведомления — Placeo')

@section('content')
<div class="mx-auto max-w-2xl">
    <h1 class="mb-6 text-2xl font-bold">Уведомления</h1>

    @forelse ($notifications as $n)
        @php $d = $n->data; @endphp
        <div class="card mb-2 flex items-start gap-3 p-4 {{ $n->read_at ? '' : 'border-brand-200 bg-brand-50/40' }}">
            <div class="grid h-10 w-10 shrink-0 place-items-center rounded-full bg-brand-100 text-lg">
                @switch($n->type)
                    @case('price_drop') 🔻 @break
                    @case('new_ads_batch') 🆕 @break
                    @case('platform_news') 📣 @break
                    @case('review') ⭐ @break
                    @default 🔔
                @endswitch
            </div>
            <div class="min-w-0 flex-1">
                @switch($n->type)
                    @case('price_drop')
                        <a href="{{ $d['url'] ?? '#' }}" class="font-medium text-gray-900 hover:text-brand-600">Снижение цены: {{ $d['title'] ?? '' }}</a>
                        <div class="text-sm text-muted">{{ number_format($d['old_price'] ?? 0, 0, '', ' ') }} ₽ → <b class="text-brand-700">{{ number_format($d['new_price'] ?? 0, 0, '', ' ') }} ₽</b></div>
                        @break
                    @case('new_ads_batch')
                        <div class="font-medium text-gray-900">Новые объявления у продавцов, на которых вы подписаны ({{ $d['count'] ?? 0 }})</div>
                        @if (!empty($d['items']))
                            <div class="mt-1 flex flex-col gap-0.5 text-sm">
                                @foreach ($d['items'] as $item)
                                    <a href="{{ $item['url'] }}" class="truncate text-brand-600 hover:text-brand-700 hover:underline">{{ $item['title'] }}</a>
                                @endforeach
                            </div>
                        @else
                            <div class="text-sm text-muted">{{ collect($d['titles'] ?? [])->implode(', ') }}</div>
                        @endif
                        @break
                    @case('platform_news')
                        <div class="font-medium text-gray-900">{{ $d['title'] ?? 'Новость Placeo' }}</div>
                        <div class="text-sm text-muted">{{ $d['body'] ?? '' }}</div>
                        @break
                    @case('review')
                        <a href="{{ $d['url'] ?? '#' }}" class="font-medium text-gray-900 hover:text-brand-600">{{ $d['author'] ?? 'Пользователь' }} оставил вам отзыв</a>
                        <div class="text-sm text-amber-500">{{ str_repeat('★', (int)($d['rating'] ?? 0)) }}</div>
                        @break
                @endswitch
                <div class="mt-1 text-xs text-muted">{{ $n->created_at->isoFormat('D MMM, HH:mm') }}</div>
            </div>
        </div>
    @empty
        <div class="card grid place-items-center p-12 text-center text-muted">
            <div><div class="mb-2 text-4xl">🔔</div>Уведомлений пока нет.</div>
        </div>
    @endforelse

    <div class="mt-4">{{ $notifications->links() }}</div>
</div>
@endsection