@extends('layouts.app')
@section('title', 'Мои кампании — Presaver')

@section('content')
<div class="flex items-center justify-between">
    <h1 class="text-xl font-bold">Мои кампании</h1>
    <a href="{{ route('campaigns.create') }}"
       class="text-sm rounded-lg bg-brand text-white px-3 py-2 font-medium hover:bg-brand-dark">
        + Опубликовать
    </a>
</div>

<div class="mt-4 space-y-3">
    @forelse($campaigns as $c)
        <div class="rounded-xl bg-white border border-gray-200 p-4">
            <div class="flex items-center gap-3">
                @if($c->cover_url)
                    <img src="{{ $c->cover_url }}" alt="" class="w-12 h-12 rounded-lg object-cover bg-gray-100 shrink-0">
                @endif
                <div class="min-w-0 flex-1">
                    <p class="font-medium truncate">{{ $c->title ?? $c->band_link_url }}</p>
                    <a href="{{ $c->band_link_url }}" target="_blank" rel="noopener" class="text-sm text-brand truncate block">{{ $c->band_link_url }}</a>
                </div>
                <span class="shrink-0 text-xs rounded-full px-2.5 py-1 font-medium
                    {{ $c->status === 'completed' ? 'bg-emerald-50 text-emerald-700' : ($c->status === 'active' ? 'bg-indigo-50 text-brand-dark' : 'bg-gray-100 text-gray-500') }}">
                    {{ ['active' => 'активна', 'completed' => 'завершена', 'paused' => 'пауза'][$c->status] }}
                </span>
            </div>
            <div class="mt-3">
                <div class="flex justify-between text-xs text-gray-500 mb-1">
                    <span>Пресейвов получено</span>
                    <span>{{ $c->received_presaves }} / {{ $c->target_presaves }}</span>
                </div>
                <div class="h-2 rounded-full bg-gray-100 overflow-hidden">
                    <div class="h-full bg-brand" style="width: {{ min(100, (int) round($c->received_presaves / max(1,$c->target_presaves) * 100)) }}%"></div>
                </div>
            </div>
        </div>
    @empty
        <div class="rounded-xl bg-white border border-gray-200 p-6 text-center text-gray-500 text-sm">
            У вас пока нет кампаний. Наберите баллы и опубликуйте свою ссылку.
        </div>
    @endforelse
</div>
@endsection