@extends('layouts.admin')
@section('title', $opportunity->title)
@section('content')
@php
  $stages = $opportunity->pipeline?->stages ?? collect();
  $stageName = fn ($id) => $id ? ($stages->firstWhere('id', $id)?->name ?? '#'.$id) : '—';
@endphp
<x-crm.shell :title="$opportunity->title" :subtitle="$opportunity->number.' · '.($opportunity->pipeline?->name ?? 'No pipeline')">
    <x-slot:actions>
        <a href="{{ route('admin.crm.opportunities.index') }}" class="admin-btn">Deal list</a>
        <a href="{{ route('admin.crm.pipelines.index', ['pipeline' => $opportunity->pipeline_id]) }}" class="admin-btn">Kanban</a>
        <a href="{{ route('admin.crm.quotes.create', ['opportunity_id' => $opportunity->id, 'lead_id' => $opportunity->lead_id]) }}" class="admin-btn admin-btn-primary">Create quote</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Amount" :value="($opportunity->currency ?? 'AUD').' '.number_format($opportunity->amount_cents / 100, 2)" />
        <x-crm.stat label="Stage" :value="$opportunity->stage?->name ?? '—'" />
        <x-crm.stat label="Probability" :value="($opportunity->probability ?? $opportunity->stage?->probability ?? 0).'%'" />
        <x-crm.stat label="Close" :value="$opportunity->expected_close_at?->format('d M Y') ?? '—'" />
    </x-slot:stats>

    <div class="grid gap-5 p-4 sm:p-6 lg:grid-cols-[minmax(0,1fr)_20rem] lg:px-8">
        <div class="space-y-5">
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div>
                        <div class="flex flex-wrap items-center gap-2">
                            <x-admin.badge :tone="$opportunity->status === 'won' ? 'success' : ($opportunity->status === 'lost' ? 'danger' : 'info')">{{ $opportunity->status }}</x-admin.badge>
                            @if($opportunity->stage)
                                <x-admin.badge tone="muted">{{ $opportunity->stage->name }}</x-admin.badge>
                            @endif
                        </div>
                        @if($opportunity->lead)
                            <p class="mt-3 text-sm">
                                Lead:
                                <a href="{{ route('admin.leads.show', $opportunity->lead) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $opportunity->lead->name ?: $opportunity->lead->email }}</a>
                            </p>
                        @endif
                        @if($opportunity->next_step)
                            <p class="mt-2 text-sm text-[#6d7175]"><span class="font-medium text-[#202223]">Next step:</span> {{ $opportunity->next_step }}</p>
                        @endif
                    </div>
                    <div class="text-right">
                        <div class="text-[10px] uppercase tracking-wide text-[#8c9196]">Owner</div>
                        <div class="mt-1 flex items-center justify-end gap-2">
                            <x-crm.avatar :name="$opportunity->owner?->name" size="sm" />
                            <span class="text-sm font-medium">{{ $opportunity->owner?->name ?? 'Unassigned' }}</span>
                        </div>
                    </div>
                </div>
                @if($opportunity->stage)
                    <div class="crm-prob mt-4"><span style="width: {{ min(100, max(4, (int) ($opportunity->probability ?? $opportunity->stage->probability))) }}%"></span></div>
                @endif
            </section>

            @if($opportunity->status === 'open' && $stages->count() > 1)
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in crm-fade-in-delay-1">
                    <h2 class="text-sm font-semibold tracking-tight">Move stage</h2>
                    <form method="post" action="{{ route('admin.crm.opportunities.move', $opportunity) }}" class="mt-3 flex flex-wrap gap-2">
                        @csrf
                        <select name="pipeline_stage_id" class="admin-input min-w-[12rem]" required>
                            @foreach($stages as $target)
                                @if($target->id !== $opportunity->pipeline_stage_id)
                                    <option value="{{ $target->id }}">{{ $target->name }} ({{ $target->probability }}%)</option>
                                @endif
                            @endforeach
                        </select>
                        <input name="note" class="admin-input min-w-[10rem] flex-1" placeholder="Optional note">
                        <button class="admin-btn admin-btn-primary">Move</button>
                    </form>
                </section>
            @endif

            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in crm-fade-in-delay-2">
                <h2 class="mb-3 text-sm font-semibold tracking-tight">Line products</h2>
                @forelse($opportunity->products as $product)
                    <div class="mb-2 flex items-center justify-between gap-3 rounded-xl border border-[var(--color-admin-border)] px-3 py-2.5 text-sm last:mb-0">
                        <div>
                            <div class="font-medium">{{ $product->title }}</div>
                            <div class="text-xs text-[#6d7175]">Qty {{ $product->quantity }}</div>
                        </div>
                        <div class="font-semibold tabular-nums">AUD {{ number_format(($product->unit_price_cents * $product->quantity) / 100, 2) }}</div>
                    </div>
                @empty
                    <p class="text-sm text-[#6d7175]">No products attached.</p>
                @endforelse
            </section>

            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in crm-fade-in-delay-3">
                <h2 class="mb-4 text-sm font-semibold tracking-tight">Stage history</h2>
                <div class="crm-timeline">
                    @forelse($opportunity->histories as $history)
                        <div class="crm-timeline-item">
                            <div class="text-sm font-medium">
                                {{ $stageName($history->from_stage_id) }}
                                <span class="text-[#8c9196]">→</span>
                                {{ $stageName($history->to_stage_id) }}
                            </div>
                            <div class="text-xs text-[#6d7175]">
                                {{ $history->created_at?->format('d M Y H:i') }}
                                @if($history->note) · {{ $history->note }}@endif
                            </div>
                        </div>
                    @empty
                        <p class="text-sm text-[#6d7175]">No stage moves yet.</p>
                    @endforelse
                </div>
            </section>
        </div>

        <aside class="space-y-4">
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-4 shadow-[var(--admin-shadow)]">
                <h3 class="text-xs font-semibold uppercase tracking-wide text-[#6d7175]">Details</h3>
                <dl class="mt-3 space-y-3 text-sm">
                    <div class="flex justify-between gap-2"><dt class="text-[#6d7175]">Currency</dt><dd>{{ $opportunity->currency ?? 'AUD' }}</dd></div>
                    <div class="flex justify-between gap-2"><dt class="text-[#6d7175]">Mockup</dt><dd>{{ $opportunity->mockup_status ?: '—' }}</dd></div>
                    @if($opportunity->lost_reason)
                        <div><dt class="text-[#6d7175]">Lost reason</dt><dd class="mt-1">{{ $opportunity->lost_reason }}</dd></div>
                    @endif
                </dl>
            </section>
            @if($staff->isNotEmpty())
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-[#fafbfb] p-4 text-xs text-[#6d7175]">
                    {{ $staff->count() }} staff available for assignment via pipeline tools.
                </section>
            @endif
        </aside>
    </div>
</x-crm.shell>
@endsection