@php
    $statusLabels = ['new' => 'Yeni', 'contacted' => 'İletişime Geçildi', 'qualified' => 'Nitelikli', 'converted' => 'Dönüştürüldü', 'lost' => 'Kaybedildi'];
@endphp
<x-app-layout title="Lead Raporları" breadcrumb="SADECE / RAPORLAR / LEAD" subtitle="Lead durum dağılımı ve kullanıcı bazlı performans.">
    <x-slot name="actions">
        <a href="{{ route('reports.leads.export') }}" class="btn-secondary">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M5 21h14"/></svg>
            Excel'e Aktar
        </a>
    </x-slot>

    <div class="panel">
        <div class="panel-title">Duruma Göre Dağılım</div>
        <div class="panel-sub">Toplam {{ $totalLeads }} lead</div>

        @php $statusMax = $byStatus->max() ?: 1; @endphp
        @foreach ($statuses as $status)
            @php $count = $byStatus[$status] ?? 0; @endphp
            <div class="stage-row">
                <div class="stage-name">{{ $statusLabels[$status] ?? ucfirst($status) }}</div>
                <div class="stage-track"><div class="stage-fill" style="width:{{ round(($count / $statusMax) * 100) }}%"></div></div>
                <div class="stage-val">{{ $count }}</div>
            </div>
        @endforeach
    </div>

    <div class="table-panel" style="margin-top:16px;">
        <div class="panel-title" style="padding:16px 20px 0;">Kullanıcıya Göre Lead Performansı</div>
        <table>
            <thead>
                <tr><th>Kullanıcı</th><th>Toplam Lead</th><th>Dönüştürülen</th><th>Dönüşüm Oranı</th></tr>
            </thead>
            <tbody>
                @forelse ($byOwner as $row)
                    <tr>
                        <td class="co-name">{{ $row->owner }}</td>
                        <td>{{ $row->total }}</td>
                        <td>{{ $row->converted }}</td>
                        <td>%{{ $row->total > 0 ? round(($row->converted / $row->total) * 100) : 0 }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4"><x-empty-state>Henüz lead yok.</x-empty-state></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-app-layout>