@extends('admin.layouts.app')

@section('title', 'Lead Details')

@section('content')
<div class="max-w-2xl">
    <a href="{{ route('admin.leads.index') }}" class="text-sm text-blue-600">← Back to leads</a>
    <h1 class="mt-4 text-2xl font-semibold">{{ $lead->name ?? 'Lead #'.$lead->id }}</h1>

    <dl class="mt-6 space-y-3 text-sm">
        <div><dt class="font-medium text-slate-500">Email</dt><dd>{{ $lead->email ?? '—' }}</dd></div>
        <div><dt class="font-medium text-slate-500">Phone</dt><dd>{{ $lead->phone ?? '—' }}</dd></div>
        <div><dt class="font-medium text-slate-500">Company</dt><dd>{{ $lead->company ?? '—' }}</dd></div>
        <div><dt class="font-medium text-slate-500">Source</dt><dd>{{ $lead->source }}</dd></div>
    </dl>

    <form method="POST" action="{{ route('admin.leads.update', $lead) }}" class="mt-8 space-y-4">
        @csrf @method('PUT')
        <div>
            <label class="block text-sm font-medium">Pipeline Stage</label>
            <select name="status" class="mt-1 rounded-lg border border-slate-300 px-3 py-2">
                @foreach($stages as $key => $label)
                    <option value="{{ $key }}" @selected($lead->status === $key)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block text-sm font-medium">Notes</label>
            <textarea name="notes" rows="4" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2">{{ $lead->notes }}</textarea>
        </div>
        <button type="submit" class="rounded-lg bg-slate-900 px-6 py-2 text-white">Update</button>
    </form>
</div>
@endsection