{{-- resources/views/agent/leads/partials/personal.blade.php --}}
<div class="card mb-4">
    <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Personal Leads (Added by You)</h5>

        {{-- ✅ One-off: only Add Lead --}}
        <div class="d-flex gap-2">
            <a href="{{ route('agent.leads.personal.create') }}" class="btn btn-sm btn-warning text-dark">Add Lead</a>
        </div>
    </div>

    <div class="card-body">
        @if ($personalLeads->isEmpty())
            <p class="text-muted">No personal leads added yet.</p>
        @else
            <div class="table-responsive">
                <table class="table table-sm table-bordered table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>First</th>
                            <th>Last</th>
                            <th>Phone</th>
                            <th>Email</th>
                            <th>City</th>
                            <th>State</th>
                            <th>Lead Type</th> {{-- ✅ display only --}}
                            <th>Created</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($personalLeads as $lead)
                            <tr>
                                <td>{{ $lead->first_name }}</td>
                                <td>{{ $lead->last_name }}</td>
                                <td>{{ $lead->phone_number }}</td>
                                <td>{{ $lead->email }}</td>
                                <td>{{ $lead->city }}</td>
                                <td>{{ $lead->state }}</td>
                                <td>Personal Lead</td> {{-- ✅ constant label; no dropdown --}}
                                <td>{{ optional($lead->created_at)->format('Y-m-d') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>