@extends('layouts.admin')

@section('title', __('admin.leads.lead').' #'.$lead->id)

@section('content')
    <div class="flex items-center justify-between gap-4">
        <h1 class="text-2xl font-bold text-brand-deep">{{ __('admin.leads.lead') }} #{{ $lead->id }}</h1>
        <a href="{{ lroute('admin.leads.index') }}" class="text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.back') }}</a>
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-3">
        <dl class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5 lg:col-span-2">
            <div class="grid gap-4 sm:grid-cols-2">
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.name') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->name }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.company') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->company_name ?: '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.email') }}</dt><dd class="mt-1 text-sm text-ink" dir="ltr">{{ $lead->email }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.phone') }}</dt><dd class="mt-1 text-sm text-ink" dir="ltr">{{ $lead->phone ?: '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.country') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->country ?: '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.branches') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->branches_count ?? '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.pos') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->pos_provider ?: '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.source') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->source }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.consent') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->consent_at?->format('Y-m-d H:i') ?: '—' }}</dd></div>
                <div><dt class="text-xs font-semibold uppercase tracking-wide text-ink-soft">{{ __('admin.leads.date') }}</dt><dd class="mt-1 text-sm text-ink">{{ $lead->created_at?->format('Y-m-d H:i') }}</dd></div>
            </div>
        </dl>

        <div class="space-y-4">
            <form method="POST" action="{{ lroute('admin.leads.update', $lead) }}" class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5">
                @csrf
                @method('PATCH')
                <label for="status" class="text-sm font-semibold text-ink">{{ __('admin.leads.status') }}</label>
                <select id="status" name="status" class="mt-2 w-full rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20">
                    @foreach ($statuses as $status)
                        <option value="{{ $status }}" @selected($lead->status === $status)>{{ __("admin.leads.statuses.{$status}") }}</option>
                    @endforeach
                </select>
                <button type="submit" class="mt-3 w-full rounded-lg bg-brand px-4 py-2 text-sm font-semibold text-white transition hover:bg-brand-deep">{{ __('admin.actions.save') }}</button>
            </form>

            <form method="POST" action="{{ lroute('admin.leads.destroy', $lead) }}" onsubmit="return confirm('{{ __('admin.actions.confirm_delete') }}')" class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5">
                @csrf
                @method('DELETE')
                <button type="submit" class="w-full rounded-lg border border-red-200 px-4 py-2 text-sm font-semibold text-red-600 transition hover:bg-red-50">{{ __('admin.actions.delete') }}</button>
            </form>
        </div>
    </div>
@endsection