@extends('crm.layouts.app')

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

@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 Policies</h1>
            <p class="mt-1 text-sm text-gray-500">Manage your studio's insurance coverage</p>
        </div>
        <a href="{{ route('crm.insurance.policies.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">
            <svg class="-ml-0.5 mr-1.5 size-5" viewBox="0 0 20 20" fill="currentColor">
                <path d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
            Add Policy
        </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">Policy</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Coverage</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Premium</th>
                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Expiration</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="relative py-3.5 pl-3 pr-4">
                    <span class="sr-only">Actions</span>
                </th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            @forelse($policies as $policy)
                <tr>
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm">
                        <div class="font-medium text-gray-900">{{ $policy->provider }}</div>
                        <div class="text-gray-500">{{ $policy->policy_number }}</div>
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                        <div class="font-medium">${{ number_format($policy->coverage_amount, 0) }}</div>
                        <div class="text-gray-400">{{ $policy->policy_type }}</div>
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                        ${{ number_format($policy->premium_amount, 2) }}/{{ $policy->premium_frequency }}
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                        {{ $policy->expiration_date->format('M d, Y') }}
                        @if($policy->isExpiringSoon(30))
                            <span class="block text-xs text-yellow-600">Expires in {{ $policy->days_until_expiration }} days</span>
                        @endif
                    </td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                        @if($policy->is_active)
                            <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">Active</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">Inactive</span>
                        @endif
                    </td>
                    <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium">
                        <a href="{{ route('crm.insurance.policies.edit', $policy) }}" class="text-indigo-600 hover:text-indigo-900">Edit</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="px-3 py-12 text-center">
                        <p class="text-sm text-gray-500">No insurance policies found.</p>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>

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