@extends('layouts.admin')
@section('title', 'Leads')
@section('role-label', 'Business Panel')
@section('page-title', 'Leads & Enquiries')
@section('page-subtitle', 'Customer enquiries from your QR pages')
@section('sidebar-nav')@include('restaurant-admin.partials.sidebar')@endsection

@section('content')
<div class="flex flex-col sm:flex-row gap-3 mb-5">
    <form method="GET" class="flex gap-2 flex-wrap flex-1">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search by name, phone…" class="form-input" style="width:200px;">
        <select name="status" onchange="this.form.submit()" class="form-input" style="width:auto;">
            <option value="">All Status</option>
            @foreach(['new','contacted','converted','closed','spam'] as $s)
            <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
            @endforeach
        </select>
        <select name="source" onchange="this.form.submit()" class="form-input" style="width:auto;">
            <option value="">All Sources</option>
            @foreach(['qr_page','whatsapp','catalog','booking','contact_form','review_page'] as $s)
            <option value="{{ $s }}" {{ request('source')===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn btn-secondary">Search</button>
    </form>
</div>

<!-- Status Count -->
<div class="flex gap-2 flex-wrap mb-5">
    @foreach(['new'=>'badge-warning','contacted'=>'badge-info','converted'=>'badge-success','closed'=>'badge-muted','spam'=>'badge-danger'] as $s=>$cls)
    <span class="badge {{ $cls }}">{{ ucfirst($s) }} {{ $statusCounts[$s] }}</span>
    @endforeach
</div>

<div class="card overflow-hidden">
    <table class="data-table">
        <thead>
            <tr>
                <th>Customer</th>
                <th>Interest</th>
                <th>Source</th>
                <th>Status</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($leads as $lead)
            <tr>
                <td>
                    <div class="font-medium text-slate-200">{{ $lead->name }}</div>
                    @if($lead->phone)<div class="text-xs text-slate-500">{{ $lead->phone }}</div>@endif
                    @if($lead->email)<div class="text-xs text-slate-500">{{ $lead->email }}</div>@endif
                </td>
                <td class="text-sm text-slate-400">{{ $lead->interest ?: ($lead->message ? Str::limit($lead->message, 40) : '—') }}</td>
                <td><span class="badge badge-muted text-xs">{{ str_replace('_',' ', $lead->source) }}</span></td>
                <td>
                    <span class="badge {{ $lead->status_badge_class }}">{{ ucfirst($lead->status) }}</span>
                </td>
                <td class="text-sm text-slate-400">{{ $lead->created_at->format('d M, H:i') }}</td>
                <td>
                    <div class="flex gap-2">
                        <a href="{{ route('business.leads.show', $lead) }}" class="btn btn-secondary btn-sm">View</a>
                        @if($lead->phone)
                        <a href="https://wa.me/{{ preg_replace('/[^0-9]/','', $lead->phone) }}" target="_blank" class="btn btn-secondary btn-sm" style="color:#25D366;">WA</a>
                        @endif
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="text-center py-12 text-slate-500">No leads yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    @if($leads->hasPages())
    <div class="p-4 border-t border-white/5">{{ $leads->appends(request()->query())->links() }}</div>
    @endif
</div>
@endsection