{{-- resources/views/general/score-records/partials/_record-card.blade.php --}}

<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-5 hover:shadow-md transition-all">
    <div class="flex flex-col lg:flex-row lg:items-start gap-4">
        {{-- Record Info --}}
        <div class="flex-1 min-w-0">
            <div class="flex items-start gap-3 mb-3">
                {{-- Icon --}}
                <div class="p-2 {{ $record->is_positive ? 'bg-green-50' : 'bg-red-50' }} rounded-lg flex-shrink-0">
                    <svg class="w-6 h-6 {{ $record->is_positive ? 'text-green-600' : 'text-red-600' }}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        @if($record->source_type == 'evaluation')
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
                        @elseif($record->source_type == 'live_activity')
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
                        @elseif($record->source_type == 'guest')
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
                        @elseif(in_array($record->source_type, ['violation', 'warning']))
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                        @elseif($record->source_type == 'honor_reward')
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
                        @elseif($record->source_type == 'competition')
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
                        @else
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/>
                        @endif
                    </svg>
                </div>

                <div class="flex-1 min-w-0">
                    <div class="flex items-center gap-2 mb-1">
                        <span class="px-3 py-1 rounded-full text-xs font-medium
                            {{ $record->is_positive ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700' }}">
                            {{ $record->source_type_arabic }}
                        </span>
                        @if($record->activity_subtype)
                            <span class="text-xs text-gray-500">• {{ $record->activity_subtype_arabic }}</span>
                        @endif
                    </div>
                    <h3 class="text-base font-semibold text-gray-900 mb-1">{{ $record->description }}</h3>
                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-600">
                        {{-- ✅ إخفاء اسم العضو إذا كان عضو عادي --}}
                        @if(!auth()->user()->hasRole('member'))
                            <span class="flex items-center gap-1">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                                </svg>
                                {{ $record->user->name }}
                            </span>
                        @endif
                        
                        <span class="flex items-center gap-1">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                            </svg>
                            {{ $record->recorded_date->format('Y-m-d') }}
                        </span>
                        @if($record->hours > 0)
                            <span class="flex items-center gap-1">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                                </svg>
                                {{ number_format($record->hours, 2) }}س
                            </span>
                        @endif
                        
                        @if(isset($record->details['status']))
                            <span class="flex items-center gap-1 {{ $record->details['status'] == 'confirmed' ? 'text-green-600' : ($record->details['status'] == 'absent_with_excuse' ? 'text-yellow-600' : 'text-red-600') }}">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                                </svg>
                                @if($record->details['status'] == 'confirmed')
                                    تم الحضور
                                @elseif($record->details['status'] == 'absent_with_excuse')
                                    غياب بعذر
                                @elseif($record->details['status'] == 'absent_without_excuse' || $record->details['status'] == 'absent_no_excuse')
                                    غياب بدون عذر
                                @else
                                    {{ $record->details['status'] }}
                                @endif
                            </span>
                        @endif
                        
                        @if($record->source_type == 'honor_reward' && isset($record->details['rank_awarded']) && $record->details['rank_awarded'])
                            <span class="flex items-center gap-1 text-purple-600">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
                                </svg>
                                {{ isset($record->details['rank_name']) ? 'رتبة: ' . $record->details['rank_name'] : 'تم منح رتبة' }}
                            </span>
                        @endif
                        
                        @if($record->source_type == 'competition' && isset($record->details['status']))
                            <span class="flex items-center gap-1 text-blue-600">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                                </svg>
                                @if($record->details['status'] == 'winner')
                                    فائز
                                @elseif($record->details['status'] == 'qualified')
                                    متأهل
                                @else
                                    {{ $record->details['status'] }}
                                @endif
                            </span>
                        @endif
                    </div>
                    
                    @if(isset($record->details['base_points']) && isset($record->details['bonus_points']) && $record->details['bonus_points'] > 0)
                        <div class="mt-2 text-xs text-gray-500">
                            أساسي: {{ $record->details['base_points'] }} + بونص: {{ $record->details['bonus_points'] }}
                        </div>
                    @endif
                    
                    {{-- ✅ إخفاء حالة "غادر الفريق" للعضو العادي --}}
                    @if(!auth()->user()->hasRole('member') && $record->user->isLeft)
                        <div class="mt-2">
                            <span class="bg-gray-100 text-gray-700 text-xs px-2 py-1 rounded-full">
                                غادر الفريق
                            </span>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Points --}}
        <div class="text-left lg:text-center flex-shrink-0">
            <p class="text-2xl font-bold {{ $record->is_positive ? 'text-green-600' : 'text-red-600' }}">
                {{ $record->is_positive ? '+' : '' }}{{ $record->points }}
            </p>
            <p class="text-xs text-gray-500 mt-1">نقطة</p>
        </div>
    </div>
</div>