@extends('layouts.admin')
@section('title', $lead->name)
@section('crumbs')<a href="{{ route('admin.leads.index') }}">Leads</a> / {{ $lead->company ?: $lead->name }}@endsection
@section('actions')
    @if(auth('admin')->user()->canAccess('crm'))
    <a href="{{ route('admin.leads.edit', $lead) }}" class="btn btn-sm btn-ghost">Edit</a>
    @if(auth('admin')->user()->canAccess('proposals'))<a href="{{ route('admin.proposals.create', ['lead' => $lead->id]) }}" class="btn btn-sm btn-ghost">Write proposal</a>@endif
    <form method="post" action="{{ route('admin.leads.convert', $lead) }}" class="inline">@csrf<button class="btn btn-sm">{{ $lead->client_id ? 'Open client' : 'Convert to client' }}</button></form>
    @endif
@endsection
@section('content')
<div class="cols-main">
    <div class="stack" style="gap:24px;min-width:0">
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Enquiry</h2><x-badge :status="$lead->status" :label="\App\Models\Lead::STATUSES[$lead->status]" /></div>
            <div class="panel-b stack" style="gap:16px">
                <dl class="kv">
                    <dt>Contact</dt><dd>{{ $lead->email }} · <a href="tel:{{ $lead->phone }}">{{ $lead->phone }}</a> · <a href="https://wa.me/{{ preg_replace('/\D/', '', $lead->phone) }}" target="_blank" rel="noopener">WhatsApp</a></dd>
                    <dt>Company</dt><dd>{{ $lead->company ?: '—' }} {{ $lead->city ? '· '.$lead->city : '' }}</dd>
                    <dt>Services</dt><dd>{{ implode(', ', $lead->services ?? []) ?: '—' }}</dd>
                    <dt>Budget · timeline</dt><dd>{{ $lead->budget ?: '—' }} · {{ $lead->timeline ?: '—' }}</dd>
                    <dt>Source</dt><dd>{{ $lead->source }}@if($lead->utm_source) · {{ $lead->utm_source }} / {{ $lead->utm_medium }} @if($lead->utm_campaign)/ {{ $lead->utm_campaign }}@endif @endif</dd>
                    <dt>Landing page</dt><dd>{{ $lead->landing_page ?: '—' }}</dd>
                    <dt>Score</dt><dd>{{ $lead->score }} / 100</dd>
                    <dt>Received</dt><dd>{{ $lead->created_at->format('j M Y, g:i a') }}</dd>
                </dl>
                @if($lead->message)<div class="box small" style="padding:16px;white-space:pre-line">{{ $lead->message }}</div>@endif
            </div>
        </section>

        <section class="panel">
            <div class="panel-h"><h2 class="ht">Log a call, message or note</h2></div>
            <form method="post" action="{{ route('admin.leads.activity', $lead) }}" class="panel-b stack" style="gap:12px">
                @csrf
                <div class="row" style="gap:8px">@foreach(['call' => 'Call', 'whatsapp' => 'WhatsApp', 'email' => 'Email', 'meeting' => 'Meeting', 'note' => 'Note'] as $k => $v)<label class="chip-check"><input type="radio" name="type" value="{{ $k }}" @checked($k === 'call')><span>{{ $v }}</span></label>@endforeach</div>
                <textarea name="body" class="input" rows="3" required placeholder="What happened? What’s next?"></textarea>
                <div class="row" style="gap:12px"><label class="small">Next follow-up <input type="datetime-local" name="next_follow_up_at" class="input input-sm" style="width:auto;display:inline-block" value="{{ now()->addDays(2)->setTime(11, 0)->format('Y-m-d\TH:i') }}"></label><button class="btn btn-sm">Save</button></div>
            </form>
            <div class="panel-b" style="border-top:1px solid var(--line-2)">
                <div class="timeline">
                    @foreach($lead->activities as $a)
                        <div class="tl"><div class="small"><span class="b">{{ ucfirst($a->type) }}</span> <span class="muted">· {{ $a->admin?->name ?? 'System' }} · {{ $a->created_at->format('j M, g:i a') }}</span></div><div class="small" style="white-space:pre-line">{{ $a->body }}</div></div>
                    @endforeach
                </div>
            </div>
        </section>
    </div>

    <aside class="stack" style="gap:24px;min-width:0">
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Stage and owner</h2></div>
            <form method="post" action="{{ route('admin.leads.status', $lead) }}" class="panel-b stack" style="gap:12px">
                @csrf
                <select name="status" class="input input-sm">@foreach(\App\Models\Lead::STATUSES as $k => $v)<option value="{{ $k }}" @selected($lead->status === $k)>{{ $v }}</option>@endforeach</select>
                <input name="lost_reason" class="input input-sm" placeholder="If lost: why? (price, timing, chose another agency…)" value="{{ $lead->lost_reason }}">
                <button class="btn btn-sm btn-ghost">Update stage</button>
            </form>
            <div class="panel-b small" style="border-top:1px solid var(--line-2)">Owner: <span class="b">{{ $lead->assignee?->name ?? 'Not assigned' }}</span><br>Next follow-up: <span class="b">{{ $lead->next_follow_up_at?->format('j M, g:i a') ?? '—' }}</span></div>
        </section>
        @if($lead->proposals->isNotEmpty())
        <section class="panel"><div class="panel-h"><h2 class="ht">Proposals</h2></div><div class="list small">@foreach($lead->proposals as $p)<a href="{{ route('admin.proposals.show', $p) }}" class="li" style="text-decoration:none"><span style="flex:1">{{ $p->number }} · {{ $p->title }}</span><x-badge :status="$p->status" /></a>@endforeach</div></section>
        @endif
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Website journey</h2><span class="xs muted">{{ $journey->count() }} page views</span></div>
            <div class="list small">
                @forelse($journey as $v)
                    <div class="li"><span class="xs muted" style="width:96px;flex:none">{{ $v->created_at->format('j M, H:i') }}</span><span style="flex:1;word-break:break-all">{{ $v->path }}@if($v->referrer_host)<span class="xs muted"> ← {{ $v->referrer_host }}</span>@endif</span></div>
                @empty
                    <x-empty>No tracked visits (added manually, or the visitor blocked tracking).</x-empty>
                @endforelse
            </div>
        </section>
        @if(auth('admin')->user()->role === 'super_admin')
        <form method="post" action="{{ route('admin.leads.destroy', $lead) }}" data-confirm="Delete this lead and its history?">@csrf @method('DELETE')<button class="link-btn small muted">Delete lead</button></form>
        @endif
    </aside>
</div>
@endsection