@props([
    'title' => '',
    'subtitle' => '',
    'variant' => 'default',
    'padding' => 'default',
    'border' => true,
    'bodyClass' => '',
])

@php
    $classes = [
        'detail-card',
        "detail-card-{$variant}",
        "detail-card-padding-{$padding}",
        !$border ? 'detail-card-no-border' : ''
    ];
@endphp

<div {{ $attributes->merge(['class' => implode(' ', array_filter($classes))]) }}>
    @if($title || isset($headerActions))
        <div class="detail-card-header d-flex justify-content-between align-items-center">
            <div class="detail-card-title-group">
                @if($title)
                    <h6 class="detail-card-title">{{ $title }}</h6>
                @endif
                @if($subtitle)
                    <p class="detail-card-subtitle">{{ $subtitle }}</p>
                @endif
            </div>
            @isset($headerActions)
                <div class="detail-card-actions">
                    {{ $headerActions }}
                </div>
            @endisset
        </div>
    @endif

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