@extends('layouts.cabinet')

@section('title', 'Кабинет — Placeo')

@section('cabinet')
    @if (session('status'))
        <div class="mb-4 rounded-lg bg-brand-50 px-4 py-3 text-sm text-brand-800">{{ session('status') }}</div>
    @endif

    {{-- Объявления --}}
    <h1 class="mb-4 text-2xl font-bold text-gray-900">Объявления</h1>
    <div class="grid gap-4 sm:grid-cols-3">
        @php
            $adCards = [
                ['label' => 'Активные', 'value' => $stats['active'], 'href' => route('cabinet.ads.index'),
                 'icon' => 'm4.5 12.75 6 6 9-13.5'],
                ['label' => 'С ошибками', 'value' => $stats['errors'], 'href' => route('cabinet.ads.index'),
                 'icon' => 'M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z'],
                ['label' => 'Неопубликованные', 'value' => $stats['unpublished'], 'href' => route('cabinet.ads.index'),
                 'icon' => 'M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'],
            ];
        @endphp
        @foreach ($adCards as $c)
            <a href="{{ $c['href'] }}" class="card p-5 transition hover:shadow-md">
                <div class="mb-6 flex items-center justify-between text-gray-500">
                    <span class="text-sm">{{ $c['label'] }}</span>
                    <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7">
                        <path stroke-linecap="round" stroke-linejoin="round" d="{{ $c['icon'] }}" />
                    </svg>
                </div>
                <div class="text-3xl font-extrabold text-gray-900">{{ $c['value'] }}</div>
            </a>
        @endforeach
    </div>

    {{-- Поднятия --}}
    <div class="card mt-4 flex items-center justify-between gap-4 p-5">
        <div class="flex items-center gap-4">
            <span class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-brand-100 text-brand-700">
                <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
                </svg>
            </span>
            <div>
                <div class="text-sm text-gray-500">Доступно поднятий</div>
                <div class="text-3xl font-extrabold text-gray-900">{{ $availableBumps }}</div>
                <div class="text-xs text-muted">
                    @if ($bumpCredits > 0)
                        1 бесплатное в день + {{ $bumpCredits }} реферальных
                    @else
                        1 бесплатное в день
                    @endif
                </div>
            </div>
        </div>
        <a href="{{ route('cabinet.referrals') }}" class="btn-brand shrink-0 whitespace-nowrap max-sm:px-4">
            <span class="hidden sm:inline">Пригласить друзей</span>
            <span class="sm:hidden">Друзья</span>
        </a>
    </div>

    {{-- Статистика --}}
    <h2 class="mb-4 mt-8 text-2xl font-bold text-gray-900">Статистика</h2>
    <div class="grid gap-4 sm:grid-cols-3">
        @php
            $statCards = [
                ['label' => 'Просмотры', 'value' => $views,
                 'icon' => 'M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178ZM15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'],
                ['label' => 'Избранное', 'value' => $favorites,
                 'icon' => 'M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z'],
                ['label' => 'Контакты', 'value' => $contacts,
                 'icon' => 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.93 17.93 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'],
            ];
        @endphp
        @foreach ($statCards as $c)
            <div class="card p-5">
                <div class="mb-2 flex items-center justify-between text-gray-500">
                    <span class="text-sm">{{ $c['label'] }}</span>
                    <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7">
                        <path stroke-linecap="round" stroke-linejoin="round" d="{{ $c['icon'] }}" />
                    </svg>
                </div>
                <div class="mb-3 text-3xl font-extrabold text-gray-900">{{ number_format($c['value'], 0, '', ' ') }}</div>
                {{-- Плейсхолдер-график (как на образце) --}}
                <div class="flex items-end gap-1.5">
                    @foreach (range(1, 7) as $i)
                        <div class="h-12 flex-1 rounded bg-gray-100"></div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
@endsection