@extends('layouts.admin')
@section('title', 'CRM Overview')
@section('content')
<x-crm.shell title="Sales command center" subtitle="Live demand, pipeline value, and inbox pressure — one glance before you dive in.">
    <x-slot:actions>
        <a href="{{ route('admin.crm.inbox.index') }}" class="admin-btn">Open inbox</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> New quote</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="New leads" :value="$stats['leads_new']" meta="Awaiting acceptance" :href="route('admin.leads.index', ['status' => 'new'])" />
        <x-crm.stat label="Unread threads" :value="$stats['inbox_unread']" meta="Needs a reply" :href="route('admin.crm.inbox.index', ['unread' => 1])" :tone="$stats['inbox_unread'] ? 'warning' : null" />
        <x-crm.stat label="Open pipeline" :value="'AUD '.number_format($stats['pipeline_cents']/100, 0)" :meta="$stats['open_deals'].' open deals'" :href="route('admin.crm.pipelines.index')" />
        <x-crm.stat label="Quotes out" :value="'AUD '.number_format($stats['quotes_out_cents']/100, 0)" meta="Sent / pending approval" :href="route('admin.crm.quotes.index', ['status' => 'sent'])" />
        <x-crm.stat label="Create" value="→" meta="Start an opportunity" :href="route('admin.crm.pipelines.index')" />
    </x-slot:stats>

    <div class="grid gap-5 p-4 sm:p-6 lg:grid-cols-2 lg:px-8">
        <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">
            <div class="mb-4 flex items-center justify-between">
                <h2 class="text-sm font-semibold tracking-tight">Latest leads</h2>
                <a href="{{ route('admin.leads.index') }}" class="text-xs font-medium text-[#2c6ecb]">View all</a>
            </div>
            <div class="space-y-2">
                @forelse($recentLeads as $lead)
                    <a href="{{ route('admin.leads.show', $lead) }}" class="flex items-center gap-3 rounded-xl border border-transparent px-2 py-2 transition hover:border-[var(--color-admin-border)] hover:bg-[#fafbfb]">
                        <x-crm.avatar :name="$lead->name ?: $lead->email" />
                        <div class="min-w-0 flex-1">
                            <div class="truncate text-sm font-medium">{{ $lead->name ?: $lead->email }}</div>
                            <div class="truncate text-xs text-[#6d7175]">{{ $lead->type }} · {{ $lead->company ?: 'No company' }}</div>
                        </div>
                        <span class="rounded-full bg-[#f1f2f4] px-2 py-0.5 text-[10px] font-semibold">{{ $lead->score ?? 0 }}</span>
                    </a>
                @empty
                    <p class="text-sm text-[#6d7175]">No leads yet.</p>
                @endforelse
            </div>
        </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-2">
            <div class="mb-4 flex items-center justify-between">
                <h2 class="text-sm font-semibold tracking-tight">Active quotes</h2>
                <a href="{{ route('admin.crm.quotes.index') }}" class="text-xs font-medium text-[#2c6ecb]">View all</a>
            </div>
            <div class="space-y-2">
                @forelse($hotQuotes as $quote)
                    <a href="{{ route('admin.crm.quotes.show', $quote) }}" class="flex items-center justify-between gap-3 rounded-xl px-2 py-2 transition hover:bg-[#fafbfb]">
                        <div>
                            <div class="text-sm font-medium">{{ $quote->number }}</div>
                            <div class="text-xs text-[#6d7175]">{{ $quote->lead?->name ?: '—' }} · {{ str_replace('_',' ',$quote->status) }}</div>
                        </div>
                        <div class="text-sm font-semibold tabular-nums">{{ $quote->currency }} {{ number_format($quote->total_cents/100, 2) }}</div>
                    </a>
                @empty
                    <p class="text-sm text-[#6d7175]">No active quotes.</p>
                @endforelse
            </div>
        </section>

    </div>
</x-crm.shell>
@endsection