@extends('layouts.admin')
@section('title', 'Pipelines')
@section('content')
<x-crm.shell :title="$pipeline?->name ?? 'Sales pipeline'" subtitle="Weighted forecast, stage probability bars, and one-click stage moves — HubSpot-grade kanban density.">
    <x-slot:actions>
        @if($allPipelines->count() > 1)
            <form method="get" action="{{ route('admin.crm.pipelines.index') }}">
                <select name="pipeline" class="admin-input" onchange="this.form.submit()">
                    @foreach($allPipelines as $p)
                        <option value="{{ $p->id }}" @selected($pipeline?->id === $p->id)>{{ $p->name }}</option>
                    @endforeach
                </select>
            </form>
        @endif
        <a href="{{ route('admin.crm.opportunities.index') }}" class="admin-btn">Deal list</a>
        <a href="{{ route('admin.crm.quotes.create') }}" class="admin-btn admin-btn-primary"><i data-lucide="plus" class="h-3.5 w-3.5"></i> Quote</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Weighted forecast" :value="'AUD '.number_format($forecastCents/100, 0)" meta="Probability × amount" />
        <x-crm.stat label="Open deals" :value="$openCount" />
        <x-crm.stat label="Won" :value="$wonCount" tone="success" />
        <x-crm.stat label="Stages" :value="$pipeline?->stages->count() ?? 0" />
    </x-slot:stats>

    @if($pipeline)
        <div class="crm-kanban">
            @foreach($pipeline->stages as $stage)
                @php
                    $stageTotal = $stage->opportunities->sum('amount_cents');
                    $weighted = (int) round($stageTotal * ($stage->probability / 100));
                @endphp
                <section class="crm-kanban-col">
                    <header class="crm-kanban-head">
                        <div class="flex items-center justify-between gap-2">
                            <h2 class="text-sm font-semibold">{{ $stage->name }}</h2>
                            <span class="rounded-full bg-[#e9ebef] px-2 py-0.5 text-[10px] font-bold tabular-nums">{{ $stage->opportunities->count() }}</span>
                        </div>
                        <div class="mt-2 flex items-center justify-between text-[11px] text-[#6d7175]">
                            <span>{{ $stage->probability }}% · AUD {{ number_format($stageTotal/100, 0) }}</span>
                            <span class="font-medium text-[#202223]">w/ AUD {{ number_format($weighted/100, 0) }}</span>
                        </div>
                        <div class="crm-prob mt-2"><span style="width: {{ min(100, max(4, $stage->probability)) }}%"></span></div>
                    </header>
                    <div class="flex-1 space-y-2 overflow-y-auto p-2">
                        @forelse($stage->opportunities as $opportunity)
                            <article class="crm-deal-card">
                                <a href="{{ route('admin.crm.opportunities.show', $opportunity) }}" class="block">
                                    <div class="text-sm font-semibold text-[#202223]">{{ $opportunity->title }}</div>
                                    <div class="mt-0.5 text-[11px] text-[#6d7175]">
                                        {{ $opportunity->number }}
                                        @if($opportunity->lead) · {{ $opportunity->lead->name ?: $opportunity->lead->email }}@endif
                                    </div>
                                    <div class="mt-2 flex items-center justify-between gap-2">
                                        <span class="text-sm font-bold tabular-nums">AUD {{ number_format($opportunity->amount_cents/100, 2) }}</span>
                                        <x-admin.badge :tone="$opportunity->status === 'won' ? 'success' : ($opportunity->status === 'lost' ? 'danger' : 'info')">{{ $opportunity->status }}</x-admin.badge>
                                    </div>
                                    @if($opportunity->expected_close_at)
                                        <div class="mt-1 text-[10px] text-[#8c9196]">Close {{ $opportunity->expected_close_at->format('d M Y') }}</div>
                                    @endif
                                </a>
                                @if($opportunity->status === 'open' && $pipeline->stages->count() > 1)
                                    <form method="post" action="{{ route('admin.crm.pipelines.move', $opportunity) }}" class="mt-2 flex gap-1">
                                        @csrf
                                        <select name="pipeline_stage_id" class="admin-input !py-1 text-[11px]" required>
                                            @foreach($pipeline->stages as $target)
                                                @if($target->id !== $stage->id)
                                                    <option value="{{ $target->id }}">→ {{ $target->name }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <button class="admin-btn !px-2 !py-1 text-[11px]">Move</button>
                                    </form>
                                @endif
                            </article>
                        @empty
                            <div class="rounded-xl border border-dashed border-[var(--color-admin-border)] px-3 py-10 text-center text-xs text-[#8c9196]">Drop deals here</div>
                        @endforelse
                    </div>
                </section>
            @endforeach
        </div>
    @else
        <div class="p-8"><x-admin.empty title="No pipeline" description="Default pipeline is created on first visit after seeding." /></div>
    @endif
</x-crm.shell>
@endsection