@props([
    'title' => '',
    'subtitle' => '',
    'avatar' => null,
    'status' => null,
    'statusColor' => 'primary',
    'subStatus' => null,
    'actions' => [],
    'badges' => []
])

<div {{ $attributes->merge(['class' => 'profile-header']) }}>
    <div class="profile-header-main">
        
        <div class="profile-info d-flex flex-wrap align-items-center">
            @if($avatar)
                <div class="profile-avatar me-2">
                    {{ $avatar }}
                </div>
            @endif
            <div class="me-5">
                <h1 class="profile-title">{{ $title }}</h1>
                @if($subtitle)
                    <p class="profile-subtitle">{{ $subtitle }}</p>
                @endif
            </div>

            @isset($infoBadges)
                {{ $infoBadges }}
            @endisset
            
            @if((is_array($badges) && count($badges) > 0) || isset($badges))
                <div class="profile-badges">
                    @if(is_array($badges))
                        @foreach($badges as $badge)
                            {{ $badge }}
                        @endforeach
                    @else
                        {{ $badges }}
                    @endif
                </div>
            @endif
        </div>
    </div>
    
    <div class="profile-actions">
        @if((is_array($actions) && count($actions) > 0) || isset($actions))
            @if(is_array($actions))
                @foreach($actions as $action)
                    {{ $action }}
                @endforeach
            @else
                {{ $actions }}
            @endif
        @endif

        @if($status)
            <div class="profile-status-group d-flex flex-column align-items-end ms-2">
                <div class="profile-status-btn">
                    <button class="status-btn br-2 status-{{ $statusColor }} shadow-sm" {{ $status['attributes'] ?? '' }}>
                        @if($status['icon'] ?? false)
                            <x-ui.nicon :name="$status['icon']" class="me-1" />
                        @endif
                        {{ $status['label'] ?? '' }} @if($subStatus) ({{ $subStatus['label'] ?? '' }}) @endif
                    </button>
                </div>
            </div>
        @endif
    </div>  
</div>