@extends('crm.layouts.app')

@section('title', 'Claim Details')

@section('content')
<div class="mb-6">
    <div class="flex items-center justify-between">
        <div class="flex items-center gap-x-3">
            <a href="{{ route('crm.insurance.claims') }}" class="text-gray-400 hover:text-gray-500">
                <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
                </svg>
            </a>
            <div>
                <h1 class="text-2xl font-bold text-gray-900">Claim #{{ $claim->claim_number }}</h1>
                <p class="mt-1 text-sm text-gray-500">Filed on {{ $claim->created_at->format('M d, Y') }}</p>
            </div>
        </div>
        <div class="flex items-center gap-x-3">
            @if($claim->status === 'draft')
                <form method="POST" action="{{ route('crm.insurance.claims.delete', $claim) }}" onsubmit="return confirm('Are you sure you want to delete this draft claim?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
                        Delete Draft
                    </button>
                </form>
            @endif
            @if($claim->status === 'approved')
                <span class="inline-flex items-center rounded-md bg-green-50 px-3 py-2 text-sm font-medium text-green-700 ring-1 ring-inset ring-green-600/20">
                    <svg class="mr-1.5 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" clip-rule="evenodd" />
                    </svg>
                    Approved
                </span>
            @elseif($claim->status === 'denied')
                <span class="inline-flex items-center rounded-md bg-red-50 px-3 py-2 text-sm font-medium text-red-700 ring-1 ring-inset ring-red-600/10">
                    <svg class="mr-1.5 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd" />
                    </svg>
                    Denied
                </span>
            @elseif($claim->status === 'under_review')
                <span class="inline-flex items-center rounded-md bg-yellow-50 px-3 py-2 text-sm font-medium text-yellow-800 ring-1 ring-inset ring-yellow-600/20">
                    <svg class="mr-1.5 h-5 w-5 animate-spin" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39Zm1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219Z" clip-rule="evenodd" />
                    </svg>
                    Under Review
                </span>
            @elseif($claim->status === 'paid')
                <span class="inline-flex items-center rounded-md bg-blue-50 px-3 py-2 text-sm font-medium text-blue-700 ring-1 ring-inset ring-blue-600/20">
                    <svg class="mr-1.5 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                        <path d="M10.75 10.818v2.614A3.13 3.13 0 0 0 11.888 13c.482-.315.612-.648.612-.875 0-.227-.13-.56-.612-.875a3.13 3.13 0 0 0-1.138-.432ZM8.33 8.62c.053.055.115.11.184.164.208.16.46.284.736.363V6.603a2.45 2.45 0 0 0-.35.13c-.14.065-.27.143-.386.233-.377.292-.514.627-.514.909 0 .184.058.39.202.592.037.051.08.102.128.152Z" />
                        <path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-6a.75.75 0 0 1 .75.75v.316a3.78 3.78 0 0 1 1.653.713c.426.33.744.74.925 1.2a.75.75 0 0 1-1.395.55 1.35 1.35 0 0 0-.447-.563 2.187 2.187 0 0 0-.736-.363V9.3c.698.093 1.383.32 1.959.696.787.514 1.29 1.27 1.29 2.13 0 .86-.504 1.616-1.29 2.13-.576.377-1.261.603-1.96.696v.299a.75.75 0 1 1-1.5 0v-.3c-.697-.092-1.382-.318-1.958-.695-.482-.315-.857-.717-1.078-1.188a.75.75 0 1 1 1.359-.636c.08.173.245.376.54.569.313.205.706.353 1.138.432v-2.748a3.782 3.782 0 0 1-1.653-.713C6.9 9.433 6.5 8.681 6.5 7.875c0-.805.4-1.558 1.097-2.096a3.78 3.78 0 0 1 1.653-.713V4.75A.75.75 0 0 1 10 4Z" clip-rule="evenodd" />
                    </svg>
                    Paid
                </span>
            @else
                <span class="inline-flex items-center rounded-md bg-gray-50 px-3 py-2 text-sm font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">
                    {{ ucfirst(str_replace('_', ' ', $claim->status)) }}
                </span>
            @endif
        </div>
    </div>
</div>

<div class="space-y-8">
    <!-- Policy Information -->
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Policy Information</h2>
            <dl class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4">
                <div>
                    <dt class="text-sm font-medium text-gray-500">Provider</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->policy->provider }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Policy Number</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->policy->policy_number }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Policy Type</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->policy->policy_type }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Coverage Amount</dt>
                    <dd class="mt-1 text-sm text-gray-900">${{ number_format($claim->policy->coverage_amount, 2) }}</dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Claim Details -->
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Claim Details</h2>
            <dl class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4">
                <div>
                    <dt class="text-sm font-medium text-gray-500">Claim Type</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ ucfirst(str_replace('_', ' ', $claim->claim_type)) }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Incident Date</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->incident_date->format('M d, Y') }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Claimed Amount</dt>
                    <dd class="mt-1 text-sm font-semibold text-gray-900">${{ number_format($claim->claimed_amount, 2) }}</dd>
                </div>
                @if($claim->approved_amount)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Approved Amount</dt>
                    <dd class="mt-1 text-sm font-semibold text-green-600">${{ number_format($claim->approved_amount, 2) }}</dd>
                </div>
                @endif
                @if($claim->settlement_date)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Settlement Date</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->settlement_date->format('M d, Y') }}</dd>
                </div>
                @endif
            </dl>
        </div>
    </div>

    <!-- Incident Details -->
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Incident Details</h2>
            <dl class="mt-6 space-y-4">
                @if($claim->incident_location)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Location</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->incident_location }}</dd>
                </div>
                @endif
                <div>
                    <dt class="text-sm font-medium text-gray-500">Description</dt>
                    <dd class="mt-1 text-sm text-gray-900 whitespace-pre-line">{{ $claim->incident_description }}</dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Claimant Information -->
    @if($claim->claimant_name || $claim->claimant_phone || $claim->claimant_email)
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Claimant Information</h2>
            <dl class="mt-6 grid grid-cols-1 sm:grid-cols-3 gap-x-6 gap-y-4">
                @if($claim->claimant_name)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Name</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->claimant_name }}</dd>
                </div>
                @endif
                @if($claim->claimant_phone)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Phone</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $claim->claimant_phone }}</dd>
                </div>
                @endif
                @if($claim->claimant_email)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Email</dt>
                    <dd class="mt-1 text-sm text-gray-900">
                        <a href="mailto:{{ $claim->claimant_email }}" class="text-indigo-600 hover:text-indigo-900">{{ $claim->claimant_email }}</a>
                    </dd>
                </div>
                @endif
            </dl>
        </div>
    </div>
    @endif

    <!-- Supporting Documents -->
    @if($claim->supporting_documents)
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Supporting Documents</h2>
            <ul role="list" class="mt-6 divide-y divide-gray-200">
                @foreach(json_decode($claim->supporting_documents, true) ?? [] as $document)
                <li class="flex items-center justify-between py-3">
                    <div class="flex items-center">
                        <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 0 0-4.242 0l-7 7a3 3 0 0 0 4.241 4.243h.001l.497-.5a.75.75 0 0 1 1.064 1.057l-.498.501-.002.002a4.5 4.5 0 0 1-6.364-6.364l7-7a4.5 4.5 0 0 1 6.368 6.36l-3.455 3.553A2.625 2.625 0 1 1 9.52 9.52l3.45-3.451a.75.75 0 1 1 1.061 1.06l-3.45 3.451a1.125 1.125 0 0 0 1.587 1.595l3.454-3.553a3 3 0 0 0 0-4.242Z" clip-rule="evenodd" />
                        </svg>
                        <span class="ml-3 text-sm text-gray-900">{{ basename($document) }}</span>
                    </div>
                    <a href="{{ Storage::url($document) }}" target="_blank" class="text-indigo-600 hover:text-indigo-900 text-sm font-medium">
                        View
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
    @endif

    <!-- Additional Notes -->
    @if($claim->notes)
    <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-gray-900">Additional Notes</h2>
            <p class="mt-6 text-sm text-gray-900 whitespace-pre-line">{{ $claim->notes }}</p>
        </div>
    </div>
    @endif

    <!-- Denial Reason -->
    @if($claim->status === 'denied' && $claim->denial_reason)
    <div class="bg-red-50 shadow-sm ring-1 ring-red-600/20 sm:rounded-xl">
        <div class="px-4 py-6 sm:p-8">
            <h2 class="text-base font-semibold leading-7 text-red-900">Denial Reason</h2>
            <p class="mt-6 text-sm text-red-800 whitespace-pre-line">{{ $claim->denial_reason }}</p>
        </div>
    </div>
    @endif
</div>

<!-- Actions -->
<div class="mt-6 flex items-center justify-between">
    <a href="{{ route('crm.insurance.claims') }}" class="text-sm font-semibold leading-6 text-gray-900">
        <svg class="inline-block h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
        </svg>
        Back to Claims
    </a>

    @if($claim->status === 'draft')
    <div class="flex gap-x-3">
        <a href="{{ route('crm.insurance.claims.create') }}" class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
            Edit Claim
        </a>
    </div>
    @endif
</div>
@endsection