@extends('layouts.app')
@section('title', $lead->reference)

@php
    $order = ['new' => 0, 'qualified' => 1, 'converted' => 2];
    $cur   = $order[$lead->status] ?? -1;   // 'lost' => -1
@endphp

@section('content')
<x-page-head icon="person-lines-fill" :title="$lead->contact_name" :subtitle="$lead->reference">
    <x-slot:actions>
        <span class="badge bg-{{ $lead->statusColor() }}">{{ __('leads.statuses.' . $lead->status) }}</span>
        @can('applications.create')
            @if($lead->application)
                <a href="{{ route('applications.show', $lead->application) }}" class="btn btn-outline-success btn-sm">
                    <i class="bi bi-folder-check"></i> {{ __('leads.already_converted') }}
                </a>
            @else
                <a href="{{ route('applications.create', ['lead' => $lead->id]) }}" class="btn btn-teal btn-sm">
                    <i class="bi bi-folder-plus"></i> {{ __('leads.convert') }}
                </a>
            @endif
        @endcan
        @can('leads.edit')
            <a href="{{ route('leads.edit', $lead) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil"></i> {{ __('app.edit') }}</a>
        @endcan
        <a href="{{ route('leads.index') }}" class="btn btn-secondary btn-sm">
            <i class="bi bi-arrow-{{ app()->getLocale() === 'en' ? 'left' : 'right' }}"></i> {{ __('app.back') }}
        </a>
    </x-slot:actions>
</x-page-head>

{{-- Overdue follow-up alert --}}
@if($lead->isFollowUpOverdue())
    <div class="alert alert-danger d-flex align-items-center gap-2 py-2">
        <i class="bi bi-exclamation-triangle-fill"></i>
        <span>{{ __('leads.follow_up') }} — {{ __('leads.overdue') }}: <strong>{{ $lead->next_follow_up_at->format('Y-m-d') }}</strong></span>
    </div>
@endif

{{-- Pipeline stepper --}}
<div class="card shadow-sm mb-3">
    <div class="card-body">
        <div class="small fw-bold text-muted mb-2"><i class="bi bi-signpost-2 me-1"></i> {{ __('leads.pipeline') }}</div>
        <div class="pipeline">
            @foreach(['new' => 'qualified', 'qualified' => 'converted', 'converted' => null] as $step => $_)
                @php
                    $i = $order[$step];
                    $cls = $lead->status === 'lost' ? '' : ($i < $cur ? 'done' : ($i === $cur ? 'current' : ''));
                @endphp
                <div class="step {{ $cls }}">
                    @if($cls === 'done')<i class="bi bi-check-circle-fill me-1"></i>@endif
                    {{ __('leads.statuses.' . $step) }}
                </div>
            @endforeach
            @if($lead->status === 'lost')
                <div class="step lost"><i class="bi bi-x-circle-fill me-1"></i> {{ __('leads.statuses.lost') }}</div>
            @endif
        </div>
    </div>
</div>

{{-- KPI strip --}}
<div class="row g-2 g-md-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="mini-stat">
            <div class="ms-value" style="font-size:1.15rem"><x-money :value="$lead->estimated_amount" /></div>
            <div class="ms-label">{{ __('leads.estimated_amount') }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="mini-stat">
            <div class="ms-value" style="font-size:1.05rem">{{ $lead->source ? __('leads.sources.' . $lead->source) : '—' }}</div>
            <div class="ms-label">{{ __('leads.source') }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="mini-stat">
            <div class="ms-value {{ $lead->isFollowUpOverdue() ? 'text-danger' : '' }}" style="font-size:1.05rem">
                {{ $lead->next_follow_up_at ? $lead->next_follow_up_at->format('Y-m-d') : '—' }}
            </div>
            <div class="ms-label">{{ __('leads.next_follow_up') }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="mini-stat">
            <div class="ms-value" style="font-size:1.05rem">{{ optional($lead->owner)->name ?? '—' }}</div>
            <div class="ms-label">{{ __('leads.owner') }}</div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-5">
        <x-detail-card :title="__('leads.sec_contact')" icon="person-vcard" class="mb-3">
            <x-detail-item :label="__('app.reference')"><code>{{ $lead->reference }}</code></x-detail-item>
            <x-detail-item :label="__('leads.contact_name')">{{ $lead->contact_name }}</x-detail-item>
            <x-detail-item :label="__('app.phone')">{{ $lead->contact_phone }}</x-detail-item>
            <x-detail-item :label="__('app.email')">{{ $lead->contact_email }}</x-detail-item>
            <x-detail-item :label="__('leads.finance_product')">{{ optional($lead->financeProduct)->name }}</x-detail-item>
            <x-detail-item :label="__('app.created_at')">{{ $lead->created_at->format('Y-m-d') }}</x-detail-item>
            <x-detail-item :label="__('app.notes')">{{ $lead->notes }}</x-detail-item>
        </x-detail-card>

        {{-- Quick status change --}}
        @can('leads.edit')
            <x-related-card :title="__('leads.update_status')" icon="arrow-repeat">
                <div class="card-body">
                    <form action="{{ route('leads.status', $lead) }}" method="POST" class="d-flex gap-2">
                        @csrf @method('PATCH')
                        <select name="status" class="form-select form-select-sm">
                            @foreach(\App\Models\Lead::STATUSES as $s)
                                <option value="{{ $s }}" @selected($lead->status === $s)>{{ __('leads.statuses.' . $s) }}</option>
                            @endforeach
                        </select>
                        <button class="btn btn-primary btn-sm text-nowrap"><i class="bi bi-check-lg"></i> {{ __('app.save') }}</button>
                    </form>
                </div>
            </x-related-card>
        @endcan
    </div>

    <div class="col-lg-7">
        {{-- Linked customer --}}
        <x-related-card :title="__('app.customer')" icon="person" class="mb-3">
            <div class="card-body">
                @if($lead->customer)
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="fw-bold">{{ $lead->customer->name }}</div>
                            <div class="small text-muted">{{ $lead->customer->national_id ?: $lead->customer->phone }}</div>
                        </div>
                        @can('customers.view')
                            <a href="{{ route('customers.show', $lead->customer) }}" class="btn btn-outline-info btn-sm">
                                <i class="bi bi-eye"></i> {{ __('app.view') }}
                            </a>
                        @endcan
                    </div>
                @else
                    <div class="text-muted text-center py-2">{{ __('app.no_related') }}</div>
                @endif
            </div>
        </x-related-card>

        {{-- Linked application --}}
        <x-related-card :title="__('app.application')" icon="folder2-open">
            <div class="card-body">
                @if($lead->application)
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="fw-bold">{{ $lead->application->application_number }}</div>
                            <div class="small">@include('applications.partials.status_badge', ['status' => $lead->application->status])</div>
                        </div>
                        @can('applications.view')
                            <a href="{{ route('applications.show', $lead->application) }}" class="btn btn-outline-info btn-sm">
                                <i class="bi bi-eye"></i> {{ __('app.view') }}
                            </a>
                        @endcan
                    </div>
                @else
                    <div class="text-muted text-center py-3">
                        <div class="mb-2">{{ __('app.no_related') }}</div>
                        @can('applications.create')
                            @unless($lead->status === 'lost')
                                <a href="{{ route('applications.create', ['lead' => $lead->id]) }}" class="btn btn-teal btn-sm">
                                    <i class="bi bi-folder-plus"></i> {{ __('leads.convert') }}
                                </a>
                            @endunless
                        @endcan
                    </div>
                @endif
            </div>
        </x-related-card>
    </div>
</div>
@endsection