{{-- Activity Item - Minimal One-Line Design --}}
@php
    $eventColor = match($activity->event) {
        'created' => 'success',
        'updated', 'updated_status', 'updated_active' => 'info',
        'deleted' => 'danger',
        'login' => 'warning',
        'email_sent' => 'primary',
        'sms_sent' => 'success',
        default => 'secondary'
    };
    $eventIcon = match($activity->event) {
        'created' => 'plus-circle',
        'updated', 'updated_status', 'updated_active' => 'edit',
        'deleted' => 'trash',
        'login' => 'signin',
        'email_sent' => 'mail',
        'sms_sent' => 'chat',
        default => 'activity'
    };
@endphp
<div class="activity-row border-{{ $eventColor }}" wire:key="activity-{{ $activity->id }}" 
    @if(auth()->user()->is_admin_manager)
    x-on:click="Livewire.emit('showModal', 'modals.activity.edit-activity-modal', {{ $activity->id }})"
    @endif
>
    {{-- Icon --}}
    <div class="activity-icon">
        <span class="icon-circle bg-{{ $eventColor }}-dim">
            <x-ui.nicon :name="$eventIcon" class="text-{{ $eventColor }}"/>
        </span>
    </div>
    
    {{-- Main Content --}}
    <div class="activity-content">
        {{-- Type Badge --}}
        <span class="activity-badge bg-{{ $eventColor }}-dim text-{{ $eventColor }}">
            {{ $activity->subject_type_name }}
        </span>

        {{-- Description --}}
        <span class="activity-desc">
            @if($activity->shouldLogDescription)
                @switch($activity->event)
                    @case('login')
                        {{ __('Login from IP') }}: <code>{{ data_get($activity->properties, 'ip', '-') }}</code>
                        @break
                    @case('updated_status')
                        {{ __('Status changed to') }} <strong class="text-{{ $eventColor }}">{{ $activity->description }}</strong>
                        @break
                    @case('updated_active')
                    @case('created_proposal')
                    @case('updated_proposal_status')
                    @case('associated_user_created')
                    @case('project_created')
                        {{ $activity->description }}
                        @break
                    @case('email_sent')
                        {{ __('Email sent') }}
                        @break
                    @case('sms_sent')
                        {{ __('SMS sent') }}
                        @break
                    @default
                        {{ $activity->description }}
                @endswitch
            @elseif($activity->subject)
                <a href="{{ $activity->subject?->activity_url }}" target="_blank">{{ $activity->subject?->activity_name }}</a>
            @endif
        </span>

        {{-- Causer --}}
        @if($activity->causer)
            <span class="activity-meta d-none d-md-flex">
                <x-ui.nicon name="user"/>
                @if(auth()->user()->can('users.view') && auth()->user()->can('partners.view'))
                    <a href="{{ $activity->causer?->activity_url }}" target="_blank">{{ Str::limit($activity->causer?->activity_name, 20) }}</a>
                @else
                    {{ Str::limit($activity->causer?->activity_name, 20) }}
                @endif
            </span>
        @endif
    </div>

    {{-- Actions (on hover) --}}
    <div class="activity-actions">
        @if($activity->event === 'email_sent' && ($sentEmailId = data_get($activity->properties, 'sentemail_id')))
            <button 
                type="button"
                wire:click="$emit('showModal', 'modals.notifications.show-sent-email-modal', {{ $sentEmailId }})"
                class="btn-action btn-action-info"
                title="{{ __('View email') }}"
            >
                <x-ui.nicon name="eye"/>
            </button>
        @endif
        @if($activity->event === 'sms_sent' && ($sentNotificationId = data_get($activity->properties, 'sent_notification_id')))
            <button 
                type="button"
                wire:click="$emit('showModal', 'modals.notifications.show-sent-notification-modal', {{ $sentNotificationId }})"
                class="btn-action btn-action-success"
                title="{{ __('View SMS') }}"
            >
                <x-ui.nicon name="eye"/>
            </button>
        @endif
    </div>

    {{-- Timestamp --}}
    <div class="activity-time">
        @if(auth()->user()->is_admin_manager && data_get($activity, 'properties.ip'))
            <span class="time-ip text-muted" x-data="tooltip" title="{{ __('IP Address') }}">
                <a href="https://www.iplocation.net/ip-lookup/{{ $activity->properties['ip'] }}" target="_blank" class="text-muted">
                    <x-ui.nicon name="globe" class="me-1"/>{{ $activity->properties['ip'] }}
                </a>
            </span>
        @endif
        <span class="time-date">{{ $activity->created_at->format('d/m/y') }}</span>
        <span class="time-hour">{{ $activity->created_at->format('H:i') }}</span>
    </div>
</div>