@extends('layouts.admin')
@section('title', $company->name)
@section('content')
@php
  $tone = fn ($s) => match ($s) { 'approved' => 'success', 'pending' => 'warning', 'rejected' => 'danger', default => 'muted' };
@endphp
<x-crm.shell :title="$company->name" :subtitle="($company->trading_name ? $company->trading_name.' · ' : '').($company->email ?: 'No email')">
    <x-slot:actions>
        <a href="{{ route('admin.crm.companies.index') }}" class="admin-btn">All companies</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Wholesale" :value="$company->wholesale_status ?: 'none'" :tone="$company->wholesale_status === 'approved' ? 'success' : ($company->wholesale_status === 'pending' ? 'warning' : null)" />
        <x-crm.stat label="Contacts" :value="$company->contacts->count()" />
        <x-crm.stat label="Open deals" :value="$opps->where('status','open')->count()" />
        <x-crm.stat label="Quotes" :value="$quotes->count()" />
    </x-slot:stats>

    <div class="grid gap-5 p-4 sm:p-6 lg:grid-cols-[minmax(0,1fr)_18rem] 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">
                <h2 class="text-sm font-semibold tracking-tight">Account</h2>
                <dl class="mt-4 grid gap-3 sm:grid-cols-2 text-sm">
                    <div><dt class="text-[10px] uppercase tracking-wide text-[#8c9196]">Email</dt><dd class="mt-0.5 font-medium">{{ $company->email ?: '—' }}</dd></div>
                    <div><dt class="text-[10px] uppercase tracking-wide text-[#8c9196]">Phone</dt><dd class="mt-0.5">{{ $company->phone ?: '—' }}</dd></div>
                    <div><dt class="text-[10px] uppercase tracking-wide text-[#8c9196]">ABN</dt><dd class="mt-0.5">{{ $company->abn ?: '—' }}</dd></div>
                    <div><dt class="text-[10px] uppercase tracking-wide text-[#8c9196]">Website</dt><dd class="mt-0.5">
                        @if($company->website)
                            <a href="{{ $company->website }}" class="text-[#2c6ecb] hover:underline" target="_blank" rel="noopener">{{ $company->website }}</a>
                        @else —
                        @endif
                    </dd></div>
                </dl>
                <div class="mt-4"><x-admin.badge :tone="$tone($company->wholesale_status)">{{ $company->wholesale_status ?: 'none' }}</x-admin.badge></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-1">
                <h2 class="mb-3 text-sm font-semibold tracking-tight">Contacts</h2>
                <div class="space-y-2">
                    @forelse($company->contacts as $contact)
                        <a href="{{ route('admin.crm.contacts.show', $contact) }}" class="flex items-center gap-3 rounded-xl px-2 py-2 transition hover:bg-[#fafbfb]">
                            <x-crm.avatar :name="$contact->name ?: $contact->email" size="sm" />
                            <div class="min-w-0 flex-1">
                                <div class="truncate text-sm font-medium">{{ $contact->name ?: $contact->email }}</div>
                                <div class="truncate text-xs text-[#6d7175]">{{ $contact->email }}@if($contact->pivot?->role) · {{ $contact->pivot->role }}@endif</div>
                            </div>
                            @if($contact->pivot?->is_primary)
                                <x-admin.badge tone="info">Primary</x-admin.badge>
                            @endif
                        </a>
                    @empty
                        <p class="text-sm text-[#6d7175]">No contacts linked.</p>
                    @endforelse
                </div>
            </section>

            <div class="grid gap-5 lg:grid-cols-2">
                <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">Opportunities</h2>
                    @forelse($opps as $opp)
                        <a href="{{ route('admin.crm.opportunities.show', $opp) }}" class="mb-2 flex items-center justify-between gap-2 rounded-xl px-2 py-2 last:mb-0 transition hover:bg-[#fafbfb]">
                            <div>
                                <div class="text-sm font-medium">{{ $opp->title }}</div>
                                <div class="text-xs text-[#6d7175]">{{ $opp->stage?->name ?? '—' }}</div>
                            </div>
                            <span class="text-sm font-semibold tabular-nums">AUD {{ number_format($opp->amount_cents/100, 0) }}</span>
                        </a>
                    @empty
                        <p class="text-sm text-[#6d7175]">No opportunities.</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-2">
                    <h2 class="mb-3 text-sm font-semibold tracking-tight">Quotes</h2>
                    @forelse($quotes as $quote)
                        <a href="{{ route('admin.crm.quotes.show', $quote) }}" class="mb-2 flex items-center justify-between gap-2 rounded-xl px-2 py-2 last:mb-0 transition hover:bg-[#fafbfb]">
                            <div>
                                <div class="text-sm font-medium">{{ $quote->number }}</div>
                                <div class="text-xs text-[#6d7175]">{{ str_replace('_',' ',$quote->status) }}</div>
                            </div>
                            <span class="text-sm font-semibold tabular-nums">{{ $quote->currency }} {{ number_format($quote->total_cents/100, 0) }}</span>
                        </a>
                    @empty
                        <p class="text-sm text-[#6d7175]">No quotes.</p>
                    @endforelse
                </section>
            </div>
        </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]">Wholesale applications</h3>
                @forelse($applications as $application)
                    <div class="mt-3 rounded-xl border border-[var(--color-admin-border)] bg-[#fafbfb] p-3 text-sm">
                        <div class="flex items-center justify-between gap-2">
                            <span class="font-medium">{{ $application->company_name }}</span>
                            <x-admin.badge :tone="$tone($application->status)">{{ $application->status }}</x-admin.badge>
                        </div>
                        <div class="mt-1 text-xs text-[#6d7175]">{{ $application->created_at?->format('d M Y') }}</div>
                    </div>
                @empty
                    <p class="mt-3 text-sm text-[#6d7175]">No applications on file.</p>
                @endforelse
            </section>
        </aside>
    </div>
</x-crm.shell>
@endsection