@extends('admin.layouts.app')

@section('title', 'Closed Leads')

@section('content')
<div class="page-header">
    <div><h2>Closed Leads</h2><p>View converted and rejected leads separately</p></div>
</div>

<div class="table-card">
    <table class="admin-table data-table">
        <thead>
            <tr><th>S.No</th><th>Lead No</th><th>Customer</th><th>Mobile</th><th>Enquiry Type</th><th>Latest Follow-up</th><th>Status</th><th class="no-sort">Timeline</th></tr>
        </thead>
        <tbody>
        @foreach($leads as $lead)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $lead->lead_number }}</td>
                <td>{{ $lead->customer->customer_name ?? '-' }}</td>
                <td>{{ $lead->customer->mobile ?? '-' }}</td>
                <td>{{ $lead->enquiry_type ?? '-' }}</td>
                <td>
                    @if($lead->latestFollowUp)
                        <strong>{{ $lead->latestFollowUp->followup_status }}</strong><br>
                        <small>{{ $lead->latestFollowUp->remarks }}</small>
                    @else
                        <span class="text-muted">No Follow-up</span>
                    @endif
                </td>
                <td><span class="badge {{ $lead->status === 'Converted' ? 'badge-primary' : 'badge-danger' }}">{{ $lead->status }}</span></td>
                <td>
                    <a href="{{ route('leads.followups.index', $lead) }}" class="btn-sm btn-timeline" title="View Follow-up Timeline" aria-label="View timeline for {{ $lead->lead_number }}"><i class="fas fa-stream"></i></a>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection