@extends('layouts.app')

@section('title', $lead->title)

@section('content')
<div class="mx-auto max-w-4xl">
    <div class="flex flex-col gap-4 sm:flex-row sm:justify-between">
        <div>
            <h1 class="text-2xl font-semibold text-slate-900">{{ $lead->title }}</h1>
            <p class="text-sm text-slate-500 capitalize">{{ $lead->status }} · {{ $lead->assignee?->name ?? 'Unassigned' }}</p>
        </div>
        <div class="flex gap-2">
            <a href="{{ route('leads.edit', $lead) }}" class="rounded-lg border px-3 py-1.5 text-sm">Edit</a>
            <form method="post" action="{{ route('leads.destroy', $lead) }}" onsubmit="return confirm('Delete lead?');">
                @csrf @method('DELETE')
                <button class="rounded-lg border border-red-200 px-3 py-1.5 text-sm text-red-700">Delete</button>
            </form>
        </div>
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-2">
        <div class="rounded-xl border bg-white p-5 text-sm">
            <h2 class="font-semibold text-slate-900">Details</h2>
            <dl class="mt-3 space-y-2 text-slate-600">
                <div><dt class="inline font-medium text-slate-700">Contact:</dt> {{ $lead->contact_name }}</div>
                <div><dt class="inline font-medium text-slate-700">Email:</dt> {{ $lead->email }}</div>
                <div><dt class="inline font-medium text-slate-700">Phone:</dt> {{ $lead->phone }}</div>
                <div><dt class="inline font-medium text-slate-700">Company:</dt> {{ $lead->company }}</div>
            </dl>
            @if($lead->notes)
                <p class="mt-4 text-slate-700">{{ $lead->notes }}</p>
            @endif
        </div>
        <div class="rounded-xl border bg-white p-5">
            <h2 class="font-semibold text-slate-900">Comments</h2>
            @foreach ($lead->comments as $comment)
                <p class="mt-2 text-sm text-slate-800">{{ $comment->body }}</p>
                <p class="text-xs text-slate-500">{{ $comment->user->name }} · {{ $comment->created_at->diffForHumans() }}</p>
            @endforeach
            <form method="post" action="{{ route('leads.comments.store', $lead) }}" class="mt-4">
                @csrf
                <textarea name="body" rows="3" required class="w-full rounded-lg border px-3 py-2 text-sm"></textarea>
                <button type="submit" class="mt-2 rounded-lg bg-brand-600 px-3 py-1.5 text-sm text-white">Post</button>
            </form>
        </div>
    </div>
</div>
@endsection