{{-- resources/views/agent/leads/partials/purchased-health.blade.php --}}
<div class="card mb-4" id="purchased-health">
    <div class="card-header bg-teal text-white d-flex justify-content-between align-items-center"
        style="background:#0ea5a5">
        <h5 class="mb-0">Purchased Health Leads</h5>
        <a href="{{ route('agent.leads.purchase') }}" class="btn btn-sm btn-outline-light">
            Purchase More Leads
        </a>
    </div>

    <div class="card-body">
        @php
            use Illuminate\Support\Carbon;

            // Fallbacks if controller didn't pass them
$healthInsuranceTypes = $healthInsuranceTypes ?? [
    'medicare' => 'Medicare',
    'dental' => 'Dental',
];

$statuses = $statuses ?? [
    'new' => 'New',
    'contacted' => 'Contacted',
    'follow_up' => 'Follow Up',
    'appointment_set' => 'Appointment Set',
    'sold' => 'Sold',
    'not_interested' => 'Not Interested',
    'dead' => 'Dead',
            ];

            // Ensure we have a collection
            $rows = collect($purchasedHealthLeads ?? []);
            // Newest purchase first
            $rows = $rows->sortByDesc(function ($r) {
                $d = $r->purchase_date ?? null;
                $dt = $d instanceof \Carbon\CarbonInterface ? $d : ($d ? Carbon::parse($d) : null);
                return $dt ? $dt->timestamp : 0;
            });
        @endphp

        @if ($rows->isEmpty())
            <p>You haven't purchased any <strong>Health</strong> leads yet.</p>
        @else
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Lead Name</th>
                            <th>Phone</th>
                            <th>Email</th>
                            <th>City</th>
                            <th>Insurance Type</th>
                            <th>Purchase Date</th>
                            <th>Status</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($rows as $lead)
                            <tr data-lead-id="{{ $lead->id }}" data-lead-type="purchased_health">
                                <td>{{ trim(($lead->first_name ?? '') . ' ' . ($lead->last_name ?? '')) }}</td>
                                <td>{{ $lead->phone_number ?? '—' }}</td>
                                <td>{{ $lead->email ?? '—' }}</td>
                                <td>{{ $lead->city ?? '—' }}</td>

                                {{-- Insurance Type (inline + used for conversion) --}}
                                <td>
                                    <form action="{{ route('agent.leads.convert') }}" method="POST"
                                        class="d-inline js-convert-form">
                                        @csrf
                                        <input type="hidden" name="lead_type" value="purchased_health">
                                        <input type="hidden" name="lead_id" value="{{ $lead->id }}">

                                        <select name="insurance_type"
                                            class="form-select form-select-sm d-inline w-auto js-insurance" required>
                                            <option value="" disabled
                                                {{ empty($lead->insurance_type) ? 'selected' : '' }}>Select…</option>
                                            @foreach ($healthInsuranceTypes as $key => $label)
                                                <option value="{{ $key }}"
                                                    {{ ($lead->insurance_type ?? '') === $key ? 'selected' : '' }}>
                                                    {{ $label }}
                                                </option>
                                            @endforeach
                                        </select>

                                        <button type="submit" class="btn btn-success btn-sm ms-1 js-convert"
                                            {{ empty($lead->insurance_type) ? 'disabled' : '' }}>
                                            Convert to Client
                                        </button>
                                    </form>
                                </td>

                                {{-- Purchase Date --}}
                                <td>
                                    @if (!empty($lead->purchase_date))
                                        {{ $lead->purchase_date instanceof \Carbon\CarbonInterface
                                            ? $lead->purchase_date->format('M d, Y')
                                            : \Illuminate\Support\Carbon::parse($lead->purchase_date)->format('M d, Y') }}
                                    @else
                                        —
                                    @endif
                                </td>

                                {{-- Status (inline editable) --}}
                                <td>
                                    <select class="form-select form-select-sm js-status d-inline w-auto">
                                        @foreach ($statuses as $key => $label)
                                            <option value="{{ $key }}"
                                                {{ ($lead->status ?? 'new') === $key ? 'selected' : '' }}>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>

                                {{-- Actions placeholder (archive/delete can go here later) --}}
                                <td class="text-end"></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- Inline update script: saves insurance_type & status via PATCH --}}
            <script>
                (() => {
                    const token = '{{ csrf_token() }}';
                    const inlineUrl = "{{ route('agent.leads.inline') }}";

                    document.addEventListener('change', async (e) => {
                        // Insurance type changed → save + toggle Convert button
                        if (e.target.matches('.js-insurance')) {
                            const row = e.target.closest('tr');
                            const leadId = row?.dataset.leadId;
                            const leadType = row?.dataset.leadType;
                            const value = e.target.value;

                            const btn = row.querySelector('.js-convert');
                            if (btn) btn.disabled = !value;

                            if (!leadId || !leadType || !value) return;

                            try {
                                await fetch(inlineUrl, {
                                    method: 'PATCH',
                                    headers: {
                                        'Content-Type': 'application/json',
                                        'X-CSRF-TOKEN': token
                                    },
                                    body: JSON.stringify({
                                        lead_id: leadId,
                                        lead_type: leadType,
                                        field: 'insurance_type',
                                        value
                                    })
                                });
                            } catch (err) {
                                console.error('Insurance type update failed', err);
                            }
                        }

                        // Status changed → save
                        if (e.target.matches('.js-status')) {
                            const row = e.target.closest('tr');
                            const leadId = row?.dataset.leadId;
                            const leadType = row?.dataset.leadType;
                            const value = e.target.value;
                            if (!leadId || !leadType || !value) return;

                            try {
                                await fetch(inlineUrl, {
                                    method: 'PATCH',
                                    headers: {
                                        'Content-Type': 'application/json',
                                        'X-CSRF-TOKEN': token
                                    },
                                    body: JSON.stringify({
                                        lead_id: leadId,
                                        lead_type: leadType,
                                        field: 'status',
                                        value
                                    })
                                });
                            } catch (err) {
                                console.error('Status update failed', err);
                            }
                        }
                    });
                })();
            </script>
        @endif
    </div>
</div>