@extends('layouts.cabinet')

@section('title', $source->name . ' — Массовые загрузки')

@php
    $itemLabels = [
        'pending' => ['Обрабатывается', 'bg-gray-100 text-gray-600'],
        'active' => ['Опубликовано', 'bg-brand-50 text-brand-700'],
        'blocked' => ['Отклонено', 'bg-red-50 text-red-700'],
        'skipped' => ['Пропущено', 'bg-amber-50 text-amber-800'],
        'failed' => ['Ошибка', 'bg-red-50 text-red-700'],
        'gone' => ['Снято (нет в файле)', 'bg-gray-100 text-gray-500'],
    ];
@endphp

@section('cabinet')
<div>
    <div class="mb-6 flex items-center justify-between gap-3">
        <div class="min-w-0">
            <a href="{{ route('cabinet.imports.index') }}" class="text-sm text-muted hover:text-brand-600">‹ К списку</a>
            <h1 class="mt-1 truncate text-2xl font-bold">{{ $source->name }}</h1>
            <div class="mt-0.5 text-xs text-muted">
                {{ $source->source_type === 'url' ? 'По ссылке' : 'Файл' }} · YML
                @if ($source->last_run_at) · обновлён {{ $source->last_run_at->diffForHumans() }} @endif
            </div>
        </div>
        <div class="flex shrink-0 items-center gap-2">
            @if ($source->source_type === 'url')
                <form method="POST" action="{{ route('cabinet.imports.run', $source) }}">@csrf
                    <button class="btn-secondary px-4 py-2 text-sm">Обновить сейчас</button>
                </form>
            @endif
            <div x-data="{ delOpen: false }">
                <button type="button" @click="delOpen = true" class="text-sm text-red-600 hover:underline">Удалить</button>

                {{-- Окно-запрос: что сделать с объявлениями (обязательный выбор) --}}
                <div x-show="delOpen" x-cloak class="fixed inset-0 z-[60] flex items-center justify-center bg-black/40 p-4"
                     @keydown.escape.window="delOpen = false">
                    <div class="card w-full max-w-md p-6" @click.outside="delOpen = false">
                        <h3 class="text-lg font-bold">Удалить «{{ $source->name }}»</h3>
                        <p class="mt-2 text-sm text-muted">
                            Что сделать с объявлениями этого импорта ({{ $adsCount }} шт.)? Выберите вариант:
                        </p>
                        <form method="POST" action="{{ route('cabinet.imports.destroy', $source) }}" class="mt-5 space-y-2">
                            @csrf @method('DELETE')
                            <button type="submit" name="ads_action" value="keep" class="btn-secondary w-full">
                                Оставить объявления
                            </button>
                            <button type="submit" name="ads_action" value="delete"
                                    onclick="return confirm('Удалить {{ $adsCount }} объявлений безвозвратно (вместе с фото)?')"
                                    class="w-full rounded-lg bg-red-600 px-4 py-2.5 text-sm font-semibold text-white transition hover:bg-red-700">
                                Удалить объявления
                            </button>
                            <button type="button" @click="delOpen = false" class="w-full py-2 text-sm text-muted hover:text-gray-700">Отмена</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @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

    @if ($source->status === 'error')
        <div class="mb-4 rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700">Ошибка: {{ $source->last_error }}</div>
    @elseif (in_array($source->status, ['queued', 'running']))
        <div class="mb-4 rounded-lg bg-gray-100 px-4 py-3 text-sm text-gray-600">Импорт обрабатывается в фоне — обновите страницу, чтобы увидеть прогресс.</div>
    @endif

    {{-- Сводка по статусам --}}
    <div class="mb-6 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6">
        @foreach ($itemLabels as $st => [$label, $cls])
            <div class="card p-3 text-center">
                <div class="text-2xl font-extrabold">{{ $counts[$st] ?? 0 }}</div>
                <div class="text-xs text-muted">{{ $label }}</div>
            </div>
        @endforeach
    </div>

    {{-- Список товаров --}}
    <div class="card divide-y divide-gray-100">
        @forelse ($items as $item)
            <div class="flex items-center justify-between gap-3 p-3 text-sm">
                <div class="min-w-0">
                    <div class="truncate font-medium text-gray-900">
                        @if ($item->ad)
                            <a href="{{ route('ads.show', $item->ad) }}" target="_blank" class="hover:text-brand-700">{{ $item->ad->title }}</a>
                        @else
                            <span class="text-muted">Оффер #{{ $item->offer_id }}</span>
                        @endif
                    </div>
                    <div class="truncate text-xs text-muted">
                        #{{ $item->offer_id }}
                        @if ($item->reason) · {{ $item->reason }} @endif
                    </div>
                </div>
                @php [$label, $cls] = $itemLabels[$item->status] ?? [$item->status, 'bg-gray-100 text-gray-600']; @endphp
                <span class="shrink-0 rounded-full px-2.5 py-1 text-xs font-medium {{ $cls }}">{{ $label }}</span>
            </div>
        @empty
            <div class="p-8 text-center text-sm text-muted">Пока нет обработанных товаров.</div>
        @endforelse
    </div>

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