@extends('admin.layouts.main')

@section('title')
Lead Detail
@endsection

@section('content')
<main>
    <div class="two-col">
        @include('admin.common.sidebar')

        <div class="right-sec detail-page">
            {{-- Breadcrumb --}}
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Directory</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.kua-agent-lead.index', ['panel' => Session::get('panel')]) }}">
                           Leads
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Detail</li>
                </ol>
            </nav>

            {{-- Header card: name + status badge --}}
            <div class="bg-white profile-header">
                <div class="profile-detail">
                    <div class="person-details">
                        <div class="about pl-0">
                            <div class="d-flex align-items-center">
                                <h2 class="cndidate-name mb-0">
                                    {{ $lead->lead_type == 'individual' ? ($lead->customer_name ?? '-') : ($lead->business_name ?? '-') }}
                                </h2>

                                @if ($lead->lead_status == 'new')
                                    <span class="badge badge-secondary ml-2" style="background:#f7941c;">New</span>
                                @elseif ($lead->lead_status == 'won')
                                    <span class="badge badge-success ml-2">Won</span>
                                @elseif ($lead->lead_status == 'lost')
                                    <span class="badge badge-danger ml-2">Lost</span>
                                @endif

                                <span class="badge badge-light ml-2">{{ ucfirst($lead->lead_type) }} Lead</span>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Nav tabs --}}
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item d-flex align-items-center">
                        <a class="nav-link active" data-toggle="tab" href="#detail">{{ @trans('kua_agent.details') }}</a>
                    </li>
                </ul>
            </div>

            {{-- Detail content --}}
            <div class="detail-content mt-4">
                <div class="tab-content box">
                    <div id="detail" class="tab-pane fade show active">
                        <div class="row">

                            {{-- ===== Core Lead Info ===== --}}
                            <div class="col-lg-12">
                                <h3 class="detail-heading">Lead Information</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label>Company</label>
                                        <p class="display-info">{{ optional($lead->kuaCompany)->name ?? 'N/A' }}</p>
                                    </div>

                                    <div class="form-group">
                                        <label>Product</label>
                                        <p class="display-info">{{ optional($lead->kuaProduct)->product_name ?? 'N/A' }}</p>
                                    </div>

                                    <div class="form-group">
                                        <label>Phone</label>
                                        <p class="display-info">{{ $lead->phone_number ?? 'Not Provided' }}</p>
                                    </div>

                                    <div class="form-group">
                                        <label>Email</label>
                                        <p class="display-info">{{ $lead->email ?? 'Not Provided' }}</p>
                                    </div>

                                    <div class="form-group">
                                        <label>Region</label>
                                        <p class="display-info">{{ ucfirst(optional($lead->kuaRegion)->region_name ?? 'N/A') }}</p>
                                    </div>

                                    <div class="form-group">
                                        <label>Expected Close</label>
                                        <p class="display-info">
                                            {{ $lead->expected_closure_date
                                                ? \Carbon\Carbon::parse($lead->expected_closure_date)->format('d M, Y')
                                                : 'Not Provided' }}
                                        </p>
                                    </div>

                                    @if($lead->lead_type == 'business')
                                        <div class="form-group">
                                            <label>Contact Person</label>
                                            <p class="display-info">{{ $lead->contact_person_name ?? 'Not Provided' }}</p>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label>Occupation</label>
                                            <p class="display-info">{{ $lead->occupation ?? 'Not Provided' }}</p>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            {{-- ===== Additional Details / Notes ===== --}}
                            @if($lead->lead_type == 'business' && $lead->business_description)
                                <div class="col-lg-12">
                                    <h3 class="detail-heading">Business Description</h3>
                                    <div class="info">
                                        <div class="form-group">
                                            <label>Description</label>
                                            <p class="display-info">{{ $lead->business_description ?? 'Not Provided' }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if($lead->notes)
                                <div class="col-lg-12">
                                    <h3 class="detail-heading">Notes</h3>
                                    <div class="info">
                                        <div class="form-group">
                                            <label>Notes</label>
                                            <p class="display-info">{!! nl2br(e($lead->notes)) !!}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if(!$lead->notes && !($lead->lead_type == 'business' && $lead->business_description))
                                <div class="col-lg-12">
                                    <div class="info">
                                        <div class="form-group">
                                            <label>Additional Details</label>
                                            <p class="display-info">No additional details or notes were provided for this lead.</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            {{-- ===== Optional badges (text-only, no icons) ===== --}}
                            <!-- <div class="col-lg-12">
                                <div class="d-flex flex-wrap">
                                    <span class="badge badge-light mr-2 mb-2">{{ optional($lead->kuaCompany)->name ?? 'N/A' }}</span>
                                    <span class="badge badge-light mr-2 mb-2">{{ optional($lead->kuaProduct)->product_name ?? 'N/A' }}</span>
                                    <span class="badge badge-light mr-2 mb-2">{{ ucfirst(optional($lead->kuaRegion)->region_name ?? 'N/A') }}</span>
                                </div>
                            </div> -->

                        </div> {{-- /row --}}
                    </div> {{-- /tab-pane --}}
                </div> {{-- /tab-content --}}
            </div> {{-- /detail-content --}}
        </div> {{-- /right-sec --}}
    </div> {{-- /two-col --}}
</main>
@endsection