@extends('crm.layouts.app')

@section('title', 'Insurance Claims')

@section('content')
<div class="mb-6">
    <div class="sm:flex sm:items-center sm:justify-between">
        <div>
            <h1 class="text-2xl font-bold text-gray-900">Insurance Claims</h1>
            <p class="mt-1 text-sm text-gray-500">Track and manage insurance claims</p>
        </div>
        <a href="{{ route('crm.insurance.claims.create') }}" class="mt-4 sm:mt-0 inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
            File New Claim
        </a>
    </div>
</div>

<div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
    <table class="min-w-full divide-y divide-gray-300">
        <thead>
            <tr>
                <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900">Claim #</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Provider</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Type</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Amount</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Date</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            @forelse($claims as $claim)
                <tr>
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900">
                        {{ $claim->claim_number }}
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $claim->provider }}</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $claim->claim_type }}</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">${{ number_format($claim->claimed_amount, 2) }}</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                        @if($claim->status === 'approved')
                            <span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20">Approved</span>
                        @elseif($claim->status === 'denied')
                            <span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/10">Denied</span>
                        @elseif($claim->status === 'under_review')
                            <span class="inline-flex items-center rounded-md bg-yellow-50 px-2 py-1 text-xs font-medium text-yellow-800 ring-1 ring-inset ring-yellow-600/20">Under Review</span>
                        @else
                            <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">{{ ucfirst($claim->status) }}</span>
                        @endif
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $claim->incident_date->format('M d, Y') }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="px-3 py-12 text-center">
                        <p class="text-sm text-gray-500">No claims found.</p>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>

    @if($claims->hasPages())
        <div class="px-4 py-3 border-t border-gray-200">
            {{ $claims->links() }}
        </div>
    @endif
</div>
@endsection