@extends('layouts.app')

@section('content')

<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; margin-top: 15px;">
    <h2 style="color: #d4af37; font-size: 1.5rem; font-weight: bold;">
        {{ app()->getLocale() == 'ar' ? 'المطالبات والحوادث' : 'Insurance Claims' }}
    </h2>
    <a href="{{ route('admin.insurance-claims.create') }}" style="background: #d4af37; color: black; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; font-size: 0.875rem; font-weight: bold;">
        {{ app()->getLocale() == 'ar' ? '+ تسجيل مطالبة جديدة' : '+ Record New Claim' }}
    </a>
</div>

<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-[#111] border border-gray-800 rounded-2xl overflow-hidden shadow-xl">
                <table class="w-full text-right">
                    <thead class="bg-black/50 text-gray-500 text-xs uppercase">
                        <tr>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'رقم المطالبة' : 'Claim #' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'السيارة' : 'Car' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'تاريخ الحادث' : 'Accident Date' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'التقدير' : 'Est. Cost' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'نسبة التحمل' : 'Deductible' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'الحالة' : 'Status' }}</th>
                            <th class="px-6 py-4">{{ app()->getLocale() == 'ar' ? 'العمليات' : 'Actions' }}</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-800">
                        @forelse($claims as $claim)
                        <tr class="hover:bg-white/5 transition-colors">
                            <td class="px-6 py-4 text-sm font-mono text-[#d4af37]">{{ $claim->claim_number }}</td>
                            <td class="px-6 py-4">
                                <div class="text-sm font-bold text-white">{{ $claim->car->brand?->name }} ({{ $claim->car->plate_number }})</div>
                                @if($claim->rental)
                                    <div class="text-[10px] text-gray-500">{{ app()->getLocale() == 'ar' ? 'عقد #' : 'Contract #' }}{{ $claim->rental->contract_number }}</div>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-400">{{ $claim->accident_date->format('Y-m-d') }}</td>
                            <td class="px-6 py-4 text-sm text-gray-300">{{ number_format($claim->estimated_damage_cost, 2) }}</td>
                            <td class="px-6 py-4 text-sm text-red-400">{{ number_format($claim->deductible_paid, 2) }}</td>
                            <td class="px-6 py-4">
                                <span class="text-[10px] px-2 py-0.5 rounded-full 
                                    @if($claim->claim_status == 'pending') bg-yellow-500/20 text-yellow-400
                                    @elseif($claim->claim_status == 'accepted') bg-green-500/20 text-green-400
                                    @elseif($claim->claim_status == 'rejected') bg-red-500/20 text-red-400
                                    @else bg-gray-500/20 text-gray-400 @endif">
                                    {{ $claim->claim_status }}
                                </span>
                            </td>
                            <td class="px-6 py-4 text-xs">
                                <a href="{{ route('admin.insurance-claims.show', $claim->id) }}" class="text-[#d4af37] hover:underline">{{ app()->getLocale() == 'ar' ? 'عرض' : 'View' }}</a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="px-6 py-12 text-center text-gray-500">
                                {{ app()->getLocale() == 'ar' ? 'لا توجد مطالبات مسجلة' : 'No claims found' }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
                <div class="p-4 border-t border-gray-800">
                    {{ $claims->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection