@extends('layouts.portal')
@section('title', 'Leads and enquiries')
@section('subtitle', 'Work the pipeline: contact, qualify, quote and convert website enquiries.')
@section('actions')<a class="btn btn-secondary btn-sm" href="{{ route('admin.billing.quotes.index') }}"><x-icon name="file-text" :size="16"/> Quotations</a>@endsection

@section('content')
@php
  $cur = $filters['status'] ?? '';
  $keep = collect($filters)->except('status')->filter()->all();
  $tone = ['new' => 'blue', 'contacted' => 'amber', 'qualified' => 'violet', 'application' => 'violet', 'negotiation' => 'amber', 'converted' => 'green', 'lost' => 'red'];
  $stageLabel = \App\Services\LeadService::STAGES;
@endphp
<nav class="tabs" aria-label="Pipeline stage">
  <a href="{{ route('admin.leads.index', $keep) }}" class="{{ $cur === '' ? 'active' : '' }}" @if($cur === '') aria-current="page" @endif>All <span class="xs muted">{{ $counts->sum() }}</span></a>
  @foreach($statuses as $st)
    <a href="{{ route('admin.leads.index', $keep + ['status' => $st]) }}" class="{{ $cur === $st ? 'active' : '' }}" @if($cur === $st) aria-current="page" @endif>{{ $stageLabel[$st] ?? ucfirst($st) }} <span class="xs muted">{{ $counts[$st] ?? 0 }}</span></a>
  @endforeach
  <a href="{{ route('admin.leads.index', ['overdue' => 1]) }}" class="{{ ! empty($filters['overdue']) ? 'active' : '' }}" style="color:var(--red)">Overdue follow-ups <span class="xs">{{ $overdueCount }}</span></a>
</nav>

<form method="get" class="filters" role="search" aria-label="Filter leads">
  @if($cur)<input type="hidden" name="status" value="{{ $cur }}">@endif
  <div class="searchbox"><x-icon name="search" :size="18"/><input class="input" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search name, email or company" aria-label="Search leads"></div>
  <select class="select" name="type" data-autosubmit aria-label="Lead type">
    <option value="">Any type</option>
    @foreach(['enquiry' => 'General enquiry', 'fee_request' => 'Fee request', 'callback' => 'Call-back', 'application' => 'Application', 'offer' => 'Offer claim', 'workshop' => 'Workshop', 'corporate' => 'Corporate', 'individual' => 'Individual'] as $v => $l)<option value="{{ $v }}" @selected(($filters['type'] ?? '') === $v)>{{ $l }}</option>@endforeach
  </select>
  <select class="select" name="source" data-autosubmit aria-label="Source"><option value="">Any source</option>@foreach($sources as $v)<option value="{{ $v }}" @selected(($filters['source'] ?? '') === $v)>{{ $v }}</option>@endforeach</select>
  @if($campaigns->isNotEmpty())<select class="select" name="campaign" data-autosubmit aria-label="Campaign"><option value="">Any campaign</option>@foreach($campaigns as $v)<option value="{{ $v }}" @selected(($filters['campaign'] ?? '') === $v)>{{ $v }}</option>@endforeach</select>@endif
  <button class="btn btn-secondary btn-sm" type="submit">Search</button>
  @if(collect($filters)->filter()->isNotEmpty())<a class="btn btn-ghost btn-sm" href="{{ route('admin.leads.index') }}">Clear</a>@endif
</form>

@forelse($leads as $l)
  <article class="panel ad-lead" id="lead-{{ $l->id }}">
    <div class="ad-lead-info">
      <div class="person">
        <span class="avatar">{{ initials($l->name) }}</span>
        <div style="min-width:0"><h2 style="font-size:1.05rem;margin:0">{{ $l->name }}</h2><div class="xs muted">Received {{ $l->created_at->format('d M Y, g:i A') }} · {{ $l->created_at->diffForHumans() }}</div></div>
      </div>
      <div class="mt-1"><span class="pill pill-{{ $tone[$l->status] ?? 'gray' }}">{{ $stageLabel[$l->status] ?? ucfirst($l->status) }}</span> <span class="pill {{ $l->score >= 60 ? 'pill-green' : ($l->score >= 35 ? 'pill-amber' : 'pill-gray') }}" title="Lead score: verified email, phone, course interest, repeat enquiries">Score {{ $l->score }}</span>@if($l->email_verified) <span class="pill pill-green" title="Email confirmed with a one-time code">✓ verified</span>@endif @if($l->touches > 1)<span class="pill pill-violet">{{ $l->touches }}× enquired</span>@endif <span class="pill pill-gray">{{ ucfirst($l->type ?: 'enquiry') }}</span> @if($l->source)<span class="pill pill-gray">{{ $l->source }}</span>@endif</div>
      <dl class="kv ad-kv-tight">
        <dt>Email</dt><dd>@if($l->email)<a href="mailto:{{ $l->email }}">{{ $l->email }}</a>@else<span class="muted">Not given</span>@endif</dd>
        <dt>Phone</dt><dd>@if($l->phone)<a href="tel:{{ digits($l->phone) }}">{{ $l->phone }}</a> · @if($canWhatsApp && ($waPhone = \App\Services\WhatsAppService::normalize($l->phone)))<a href="{{ route('admin.whatsapp.show', $waPhone) }}">WhatsApp chat</a>@else<a href="https://wa.me/{{ digits($l->phone) }}" target="_blank" rel="noopener">WhatsApp</a>@endif
          @if($l->whatsapp_opt_out_at) <span class="pill pill-red" title="Replied STOP on {{ $l->whatsapp_opt_out_at->format('d M Y') }}">WhatsApp: opted out</span>@elseif($l->whatsapp_opt_in) <span class="pill pill-green" title="Agreed to WhatsApp updates">WhatsApp OK</span>@endif
          @else<span class="muted">Not given</span>@endif</dd>
        @if($l->company)<dt>Company</dt><dd>{{ $l->company }}</dd>@endif
        <dt>Interested in</dt><dd>{{ $l->course?->title ?? 'No specific course' }}</dd>
        <dt>Source</dt><dd>{{ $l->utm_source ?? $l->source ?? 'direct' }}{{ $l->utm_medium ? ' / '.$l->utm_medium : '' }}@if($l->utm_campaign) · <b>{{ $l->utm_campaign }}</b>@endif @if($l->offer) · offer “{{ $l->offer->name }}”@endif</dd>
        @if($l->assignee)<dt>Owner</dt><dd>{{ $l->assignee->name }}</dd>@endif
        @if($l->follow_up_at)<dt>Follow up</dt><dd class="{{ $l->follow_up_at->isPast() && ! in_array($l->status, ['converted', 'lost'], true) ? 'ad-bad' : '' }}">{{ $l->follow_up_at->format('d M Y') }}</dd>@endif
      </dl>
      @if($l->email)
        <div class="op-row mt-2">
          <form method="post" action="{{ route('admin.leads.quote', $l) }}" data-confirm="Draft a quotation for {{ $l->name }}? You can edit it before sending.">@csrf<button class="btn btn-primary btn-sm" type="submit"><x-icon name="file-text" :size="15"/> Convert to quote</button></form>
          @if($l->status !== 'converted')<button class="btn btn-success btn-sm" type="button" data-modal-open="#enr-{{ $l->id }}"><x-icon name="user-plus" :size="15"/> Enroll as learner</button>@endif
          <a class="btn btn-secondary btn-sm" href="{{ route('admin.comms.compose', ['mode' => 'leads', 'lead' => $l->id, 'template' => 'course_details', 'course_id' => $l->course_id]) }}"><x-icon name="mail" :size="15"/> Send course details</a>
          <a class="btn btn-secondary btn-sm" href="{{ route('admin.meetings.create', ['leads' => [$l->id], 'type' => 'counselling']) }}"><x-icon name="calendar" :size="15"/> Book counselling</a>
        </div>
        @if($l->convertedEnrollment)<p class="xs muted mt-1 mb-0">Converted → enrollment {{ $l->convertedEnrollment->code }}</p>@endif
        <div class="modal" id="enr-{{ $l->id }}" role="dialog" aria-modal="true" aria-labelledby="enr-h-{{ $l->id }}"><div class="modal-box">
          <h2 id="enr-h-{{ $l->id }}" style="font-size:1.25rem">Enroll {{ $l->name }}</h2>
          <p class="ac-modal-note">Creates the learner account (with a set-password email) if needed, enrolls into the batch and raises the invoice. Registration confirmation is emailed automatically.</p>
          <form method="post" action="{{ route('admin.leads.enroll', $l) }}">@csrf
            <div class="field"><label class="label" for="eb-{{ $l->id }}">Batch <span class="req">*</span></label><select class="select" id="eb-{{ $l->id }}" name="batch_id" required><option value="">Choose…</option>@foreach($batches as $b)<option value="{{ $b->id }}" @selected($b->course_id === $l->course_id && $loop->first)>{{ $b->label() }} · {{ $b->start_date?->format('d M') }} · {{ money($b->fee ?? $b->course->fee) }}</option>@endforeach</select></div>
            <x-field name="discount" label="Discount (PKR, optional)" type="number" min="0" step="0.01"/>
            <label class="check"><input type="checkbox" name="plan" value="1" checked> <span>Set up an installment plan next</span></label>
            <div class="ac-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-success" type="submit">Enroll</button></div>
          </form>
        </div></div>
      @else
        <p class="xs muted mt-2 mb-0">Add an email address to this lead before quoting.</p>
      @endif
    </div>
    <form method="post" action="{{ route('admin.leads.update', $l) }}" class="ad-lead-form" aria-label="Update lead {{ $l->name }}">
      @csrf @method('PUT')
      <div class="form-grid">
        <div class="field"><label class="label" for="st-{{ $l->id }}">Stage</label><select class="select" id="st-{{ $l->id }}" name="status">@foreach($statuses as $st)<option value="{{ $st }}" @selected($l->status === $st)>{{ $stageLabel[$st] ?? ucfirst($st) }}</option>@endforeach</select></div>
        <div class="field"><label class="label" for="as-{{ $l->id }}">Owner</label><select class="select" id="as-{{ $l->id }}" name="assigned_to"><option value="">Unassigned</option>@foreach($admins as $a)<option value="{{ $a->id }}" @selected((int) $l->assigned_to === $a->id)>{{ $a->name }}</option>@endforeach</select></div>
        <div class="field"><label class="label" for="fu-{{ $l->id }}">Follow up on</label><input class="input" type="date" id="fu-{{ $l->id }}" name="follow_up_at" value="{{ $l->follow_up_at?->format('Y-m-d') }}"></div>
        <div class="field"><label class="label" for="lr-{{ $l->id }}">Lost reason (if lost)</label><input class="input" id="lr-{{ $l->id }}" name="lost_reason" maxlength="250" value="{{ $l->lost_reason }}" placeholder="e.g. chose another institute, fee"></div>
        <div class="field full"><label class="label" for="nt-{{ $l->id }}">Notes &amp; message</label><textarea class="textarea" id="nt-{{ $l->id }}" name="notes" rows="3" maxlength="2000" style="min-height:84px">{{ $l->notes }}</textarea></div>
      </div>
      <button class="btn btn-secondary btn-sm" type="submit"><x-icon name="check" :size="15"/> Save changes</button>
    </form>
    <div class="ad-lead-acts">
      <form method="post" action="{{ route('admin.leads.activity', $l) }}" class="row gap-1" style="flex-wrap:wrap;align-items:flex-end">@csrf
        <select class="select" name="type" aria-label="Activity type" style="max-width:130px"><option value="call">Call</option><option value="whatsapp">WhatsApp</option><option value="email">Email</option><option value="meeting">Meeting</option><option value="note">Note</option></select>
        <input class="input" name="body" required maxlength="2000" placeholder="What happened? e.g. Called, interested in weekend batch" aria-label="Activity details" style="flex:1;min-width:200px">
        <input class="input" type="date" name="follow_up_at" aria-label="Next follow-up" style="max-width:160px" value="{{ now()->addDays(2)->format('Y-m-d') }}">
        <button class="btn btn-secondary btn-sm" type="submit">Log</button>
      </form>
      @if($canWhatsApp && $l->phone && ! $l->whatsapp_opt_out_at)
      <details class="mt-1 ad-wa">
        <summary class="xs bold"><x-icon name="whatsapp" :size="14"/> Send a WhatsApp template</summary>
        <form method="post" action="{{ route('admin.whatsapp.send') }}" class="mt-1" data-wa-compose>@csrf
          <input type="hidden" name="lead_id" value="{{ $l->id }}"><input type="hidden" name="mode" value="template">
          @include('admin.whatsapp._template-picker', ['templates' => $waTemplates, 'pickerId' => 'l'.$l->id])
          <div class="row" style="gap:8px;flex-wrap:wrap;align-items:center">
            @if($waTemplates->isNotEmpty())<button class="btn btn-success btn-sm" type="submit"><x-icon name="send" :size="14"/> Send</button>@endif
            <span class="xs muted">Free-text replies are in the <a href="{{ route('admin.whatsapp.show', \App\Services\WhatsAppService::normalize($l->phone) ?? '0000000000') }}">chat</a> once the customer has written in the last 24 hours.</span>
          </div>
        </form>
        <form method="post" action="{{ route('admin.whatsapp.consent', $l) }}" class="mt-1">@csrf<input type="hidden" name="opt_in" value="{{ $l->whatsapp_opt_in ? 0 : 1 }}">
          <button class="btn btn-ghost btn-sm" type="submit">{{ $l->whatsapp_opt_in ? 'Remove WhatsApp consent' : 'Record WhatsApp consent (given by phone / in person)' }}</button></form>
      </details>
      @endif
      @foreach($l->activities as $act)<div class="xs mt-1"><span class="muted">{{ $act->created_at->format('d M, H:i') }} · {{ ucfirst($act->type) }}</span> {{ \Illuminate\Support\Str::limit($act->body, 140) }}@if($act->user) <span class="muted">— {{ $act->user->name }}</span>@endif</div>@endforeach
    </div>
  </article>
@empty
  <div class="panel"><x-empty icon="inbox" :title="collect($filters)->filter()->isNotEmpty() ? 'No leads match' : 'No enquiries yet'" :text="collect($filters)->filter()->isNotEmpty() ? 'Clear the filters to see the whole pipeline.' : 'Enquiries from the contact and corporate training forms will appear here.'"/></div>
@endforelse
{{ $leads->links() }}
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" nonce="{{ csp_nonce() }}" defer></script>@endpush