{{--
    Data Field Component — label:value row untuk detail/read-only pages

    Usage:
        Simple value:
        <x-ui.data-field label="NIK" :value="$model->nik" />

        Custom content (badge, link, dll):
        <x-ui.data-field label="Status">
            <x-pengajuan.status-badge :status="$pengajuan->status" />
        </x-ui.data-field>

        Currency:
        <x-ui.data-field label="Plafond" :value="$model->nilai" currency />

        Empty fallback:
        <x-ui.data-field label="NPWP" :value="$model->npwp" empty="Tidak diisi" />

    Props:
        label     string  required
        value     mixed   optional — dipakai jika slot kosong
        currency  bool    default false — format sebagai Rp
        empty     string  default '—' — teks jika value null/kosong
--}}
@props([
    'label',
    'value'    => null,
    'currency' => false,
    'empty'    => '—',
])

@php
    $hasSlot = isset($slot) && $slot->isNotEmpty();

    if (! $hasSlot) {
        if ($value === null || $value === '') {
            $displayValue = $empty;
            $isEmpty = true;
        } elseif ($currency) {
            $displayValue = 'Rp ' . number_format((float) $value, 0, ',', '.');
            $isEmpty = false;
        } else {
            $displayValue = $value;
            $isEmpty = false;
        }
    }
@endphp

<div class="los-data-row">
    <div class="los-data-row__label">{{ $label }}</div>
    <div class="los-data-row__value {{ ($isEmpty ?? false) ? 'text-muted fst-italic' : '' }}">
        @if($hasSlot)
            {{ $slot }}
        @else
            {{ $displayValue }}
        @endif
    </div>
</div>