{{-- Kopyalanabilir fatura bilgileri kartı. Beklenen: $rows [['label','value'], ...]. Opsiyonel: $title. --}}
@php
    $title = $title ?? 'Fatura Bilgileri';
    $rows = collect($rows ?? [])->filter(fn ($r) => trim((string) ($r['value'] ?? '')) !== '')->values();
    $allText = $rows->map(fn ($r) => $r['label'] . ': ' . $r['value'])->implode("\n");
@endphp
<style>
    .qv-billing-card .qv-bill-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:9px; }
    .qv-bill-row { background:#fff; border:1px solid #dbeafe; border-radius:12px; padding:9px 12px; cursor:pointer; transition:.15s; }
    .qv-bill-row:hover { border-color:#3b82f6; box-shadow:0 4px 12px -6px rgba(37,99,235,.4); transform:translateY(-1px); }
    .qv-bill-row.qv-copied { background:#dcfce7 !important; border-color:#22c55e !important; }
    .qv-bill-label { font-size:.66rem; font-weight:800; color:#64748b; text-transform:uppercase; letter-spacing:.3px; margin-bottom:3px; }
    .qv-bill-val { font-size:.85rem; font-weight:700; color:#0f172a; display:flex; align-items:center; justify-content:space-between; gap:8px; word-break:break-word; }
    .qv-bill-copy { color:#94a3b8; font-size:.72rem; flex:none; }
    .qv-bill-row:hover .qv-bill-copy { color:#3b82f6; }
    .qv-bill-all { border:none; background:#eff6ff; color:#1d4ed8; font-size:.72rem; font-weight:700; border-radius:8px; padding:5px 11px; cursor:pointer; transition:.15s; }
    .qv-bill-all:hover { background:#1d4ed8; color:#fff; }
    .qv-bill-all.qv-copied { background:#22c55e !important; color:#fff !important; }
</style>
<div class="card border-0 p-4 qv-billing-card" style="border-radius:22px;background:linear-gradient(160deg,#f0f9ff,#eef2ff);border:1.5px solid #bfdbfe;">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h6 class="fw-800 mb-0 d-flex align-items-center" style="color:#1e40af;font-size:1.02rem;">
            <span style="width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:9px"><i class="fas fa-file-invoice"></i></span>
            {{ $title }}
        </h6>
        @if($rows->isNotEmpty())
            <button type="button" class="qv-bill-all" data-copy="{{ $allText }}"><i class="fas fa-copy me-1"></i>Tümünü Kopyala</button>
        @endif
    </div>
    @if($rows->isEmpty())
        <div class="text-muted small">Fatura bilgisi girilmemiş.</div>
    @else
        <div class="qv-bill-grid">
            @foreach($rows as $r)
                <div class="qv-bill-row" data-copy="{{ $r['value'] }}" title="Kopyalamak için tıklayın">
                    <div class="qv-bill-label">{{ $r['label'] }}</div>
                    <div class="qv-bill-val"><span>{{ $r['value'] }}</span><i class="fas fa-copy qv-bill-copy"></i></div>
                </div>
            @endforeach
        </div>
    @endif
</div>