@props([
    'title'    => null,
    'subtitle' => null,
    'accent'   => false,    // true → adds the brand-gradient top strip
    'header'   => null,     // raw HTML / Blade slot for header content (overrides title/subtitle)
    'footer'   => null,     // optional footer slot via $footer
    'class'    => '',
])

<div {{ $attributes->class(['card ds-card', 'ds-card-accent' => $accent, $class]) }}>

    @if ($title || $subtitle || $header || (isset($headerSlot) && !$headerSlot->isEmpty()))
        <div class="ds-card-head">
            @if ($header !== null)
                {!! $header !!}
            @elseif (isset($headerSlot))
                {{ $headerSlot }}
            @else
                <div>
                    @if ($title)<h2 class="ds-card-title">{{ $title }}</h2>@endif
                    @if ($subtitle)<p class="ds-card-subtitle">{{ $subtitle }}</p>@endif
                </div>
            @endif

            @isset($actions)
                <div class="d-flex gap-2 align-items-center">{{ $actions }}</div>
            @endisset
        </div>
    @endif

    @isset($body)
        <div class="card-body">{{ $body }}</div>
    @else
        @if ($slot->isNotEmpty())
            <div class="card-body">{{ $slot }}</div>
        @endif
    @endisset

    @isset($footerSlot)
        <div class="card-footer bg-transparent" style="border-top: 1px solid var(--ds-secondary);">
            {{ $footerSlot }}
        </div>
    @endisset

    @if ($footer !== null)
        <div class="card-footer bg-transparent" style="border-top: 1px solid var(--ds-secondary);">
            {!! $footer !!}
        </div>
    @endif
</div>