@extends('layouts.app')
@section('title', $customer->name)
@section('heading', 'Customer 360')

@section('content')
@php $c = $customer; @endphp
<div class="flex flex-wrap items-start justify-between gap-3">
    <div>
        <h2 class="text-xl font-bold">{{ $c->name }}</h2>
        @if ($c->company_name)<p class="text-sm text-muted">{{ $c->company_name }}</p>@endif
    </div>
    <div class="flex flex-wrap gap-2">
        <a href="tel:+{{ $c->phone }}" class="btn-quiet">Call</a>
        <a href="{{ $c->whatsappLink() }}" target="_blank" rel="noopener" class="btn-quiet">WhatsApp</a>
        @if ($c->email)<a href="mailto:{{ $c->email }}" class="btn-quiet">Email</a>@endif
        @can('leads.create')<a href="{{ route('leads.create', ['customer' => $c->id]) }}" class="btn-primary">New lead</a>@endcan
        @can('customers.edit')<a href="{{ route('customers.edit', $c) }}" class="btn-quiet">Edit</a>@endcan
    </div>
</div>

<div class="mt-5 grid gap-5 lg:grid-cols-3">
    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="ct-h">
        <h2 id="ct-h" class="text-sm font-semibold">Contact</h2>
        <dl class="mt-3 space-y-2 text-sm">
            <div><dt class="text-xs text-muted">Phone</dt><dd class="font-medium">{{ $c->display_phone }}{{ $c->alt_phone ? ' · '.\App\Support\Phone::display($c->alt_phone) : '' }}</dd></div>
            <div><dt class="text-xs text-muted">Email</dt><dd class="font-medium">{{ $c->email ?: 'Not recorded' }}</dd></div>
            <div><dt class="text-xs text-muted">Prefers</dt><dd class="font-medium">{{ config('crm.contact_methods')[$c->preferred_contact] ?? $c->preferred_contact }}</dd></div>
            <div><dt class="text-xs text-muted">Location</dt><dd class="font-medium">{{ collect([$c->address_line, $c->town, $c->county])->filter()->implode(', ') ?: 'Not recorded' }}</dd></div>
            <div><dt class="text-xs text-muted">Marketing messages</dt><dd class="font-medium">{{ $c->marketing_consent ? 'Agreed on '.$c->consent_recorded_at?->format('d M Y') : 'No consent recorded: do not send offers' }}</dd></div>
        </dl>
    </section>

    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="id-h">
        <h2 id="id-h" class="text-sm font-semibold">Identification</h2>
        @can('customers.view_sensitive')
            @php $show = $revealed ?? null; @endphp
            <dl class="mt-3 space-y-2 text-sm">
                <div><dt class="text-xs text-muted">{{ config('crm.id_types')[$c->id_type] ?? 'ID number' }}</dt><dd class="font-mono font-medium">{{ $show ? ($show['national_id'] ?: 'Not recorded') : \App\Models\Customer::mask($c->national_id) }}</dd></div>
                <div><dt class="text-xs text-muted">KRA PIN</dt><dd class="font-mono font-medium">{{ $show ? ($show['kra_pin'] ?: 'Not recorded') : \App\Models\Customer::mask($c->kra_pin) }}</dd></div>
                <div><dt class="text-xs text-muted">Driving licence</dt><dd class="font-mono font-medium">{{ $show ? ($show['driving_licence_no'] ?: 'Not recorded') : \App\Models\Customer::mask($c->driving_licence_no) }}{{ $c->licence_expiry ? ' · expires '.$c->licence_expiry->format('d M Y') : '' }}</dd></div>
            </dl>
            @unless ($show)
                <form method="POST" action="{{ route('customers.reveal', $c) }}" class="mt-3">@csrf<button class="btn-quiet">Show full numbers</button><p class="mt-1 text-xs text-muted">Each reveal is recorded in the audit log.</p></form>
            @endunless
        @else
            <p class="mt-3 text-sm text-muted">ID numbers, KRA PINs and licence numbers are visible to managers and finance only.</p>
        @endcan
    </section>

    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="pu-h">
        <h2 id="pu-h" class="text-sm font-semibold">Purchase history</h2>
        <ul class="mt-3 divide-y divide-line text-sm">
            @forelse ($c->purchases as $p)
                <li class="py-2"><span class="font-medium">{{ $p->wonVehicle->display_name }}</span><span class="block text-xs text-muted">{{ $p->wonVehicle->stock_id }} · {{ $p->won_at->format('d M Y') }} · KSh {{ number_format((float) $p->won_price) }}</span></li>
            @empty
                <li class="py-4 text-muted">No purchases yet.</li>
            @endforelse
        </ul>
    </section>
</div>

@includeIf('staff._portal_invite', ['customer' => $customer])

<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="ld-h">
    <h2 id="ld-h" class="text-sm font-semibold">Leads ({{ $c->leads->count() }})</h2>
    <ul class="mt-3 divide-y divide-line text-sm">
        @forelse ($c->leads as $l)
            <li class="flex flex-wrap items-center justify-between gap-2 py-2">
                <a class="underline decoration-line underline-offset-2" href="{{ route('leads.show', $l) }}">{{ $l->interestVehicle?->display_name ?? 'General enquiry' }} · {{ $l->created_at->format('d M Y') }}</a>
                <span class="flex items-center gap-2"><span class="text-xs text-muted">{{ $l->assignee?->name ?? 'Unassigned' }}</span><span class="inline-flex rounded-full border px-2.5 py-0.5 text-xs font-semibold {{ $l->stage->badge() }}">{{ $l->stage->label() }}</span></span>
            </li>
        @empty
            <li class="py-4 text-muted">No leads yet.</li>
        @endforelse
    </ul>
</section>

<div class="mt-5 grid gap-5 lg:grid-cols-2">
    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="td-h">
        <h2 id="td-h" class="text-sm font-semibold">Test drives</h2>
        <ul class="mt-3 divide-y divide-line text-sm">
            @forelse ($c->testDrives as $t)<li class="py-2">{{ $t->scheduled_for->format('d M Y, H:i') }} · {{ $t->vehicle->display_name }}<span class="block text-xs text-muted">{{ ucfirst(str_replace('_', ' ', $t->status)) }}{{ $t->is_signed ? ' · indemnity signed' : '' }}</span></li>
            @empty<li class="py-4 text-muted">None yet.</li>@endforelse
        </ul>
    </section>
    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="wl-h">
        <h2 id="wl-h" class="text-sm font-semibold">Wishlist</h2>
        <ul class="mt-3 divide-y divide-line text-sm">
            @forelse ($c->wishlists as $w)<li class="py-2">{{ $w->summary() }}<span class="block text-xs text-muted">{{ ucfirst($w->status) }}</span></li>
            @empty<li class="py-4 text-muted">Nothing on their wishlist.</li>@endforelse
        </ul>
    </section>
</div>

@if ($c->notes)<section class="mt-5 rounded-lg border border-line bg-panel p-4"><h2 class="text-sm font-semibold">Notes</h2><p class="mt-2 whitespace-pre-line text-sm">{{ $c->notes }}</p></section>@endif
@endsection