@props([
    'eyebrow' => null,
    'title',
    'subtitle' => null,
    'icon' => null,
    'model' => null,
    'metrics' => [],
    'details' => [],
    'detailsTitle' => 'Key details',
])

@php
    $hasBody = ! empty($metrics) || ! empty($details) || trim((string) $slot) !== '';
@endphp

<article {{ $attributes->class('record-summary-card') }}>
    <div class="record-summary-head">
        @if ($icon)
            <span class="record-summary-icon" aria-hidden="true">
                <x-ui.icon :name="$icon" size="18" />
            </span>
        @endif

        <div class="record-summary-title-block">
            @if ($eyebrow)
                <p class="record-summary-eyebrow">{{ $eyebrow }}</p>
            @endif
            <h4>{{ $title }}</h4>
            @if ($subtitle)
                <p>{{ $subtitle }}</p>
            @endif
        </div>
    </div>

    @if ($hasBody)
        <div class="record-summary-body">
            @if (! empty($metrics))
                <div class="record-summary-metrics">
                    @foreach ($metrics as $metric)
                        <div class="record-summary-metric">
                            <span>{{ $metric['label'] ?? '' }}</span>
                            <strong>{{ $metric['value'] ?? '-' }}</strong>
                        </div>
                    @endforeach
                </div>
            @endif

            @if (! empty($details))
                <div class="record-summary-section">
                    <h5>{{ $detailsTitle }}</h5>
                    <div class="record-summary-list">
                        @foreach ($details as $detail)
                            @php
                                $detailCell = $detail['cell'] ?? \Illuminate\Support\Arr::except($detail, ['label']);
                            @endphp
                            <div class="record-summary-list-row">
                                <span>{{ $detail['label'] ?? '' }}</span>
                                <strong><x-erp.table-cell :cell="$detailCell" /></strong>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            {{ $slot }}
        </div>
    @endif

    @if ($model)
        <div class="record-summary-fields">
            <x-entity-summary :model="$model" />
        </div>
    @endif
</article>