@extends('portal.layouts.app')

@section('title', $product->name)
@section('subtitle', $product->code.' · '.$product->coverage_term_label.' · Free look '.$product->free_look_days.' days')

@section('content')

    <x-card title="Scope of cover">
        <p class="text-sm leading-relaxed text-slate-700">{{ $product->scope_of_cover }}</p>

        @if ($product->highlights)
            <ul class="mt-4 grid gap-2 sm:grid-cols-2">
                @foreach ($product->highlights as $highlight)
                    <li class="flex items-start gap-2 text-sm text-slate-600">
                        <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-leaf-500"></span>
                        {{ $highlight }}
                    </li>
                @endforeach
            </ul>
        @endif

        <dl class="mt-5 grid gap-4 border-t border-slate-100 pt-4 sm:grid-cols-2 lg:grid-cols-4">
            @foreach ([
                'Who is covered' => $product->who_is_covered,
                'Cover type' => $product->cover_type,
                'Enrollment age' => $product->enrollment_age_min.' to '.$product->enrollment_age_max.' years',
                'Coverage age' => 'up to '.$product->coverage_age_max.' years',
                'Waiting period' => $product->waiting_period_days ? $product->waiting_period_days.' days' : 'None',
                'Review period' => $product->review_period,
                'Underwriters' => collect($product->underwriters)->map(fn ($u) => config("takaful.underwriters.$u"))->join(', '),
                'Bank remuneration' => collect($product->bankRemuneration())->map(fn ($v, $k) => str($k)->headline().': '.$v.'%')->join(' · '),
            ] as $label => $value)
                <div>
                    <dt class="text-xs font-medium uppercase tracking-wider text-slate-500">{{ $label }}</dt>
                    <dd class="mt-0.5 text-sm">{{ $value }}</dd>
                </div>
            @endforeach
        </dl>
    </x-card>

    <x-card title="Benefits and contribution" subtitle="All amounts in PKR" :padded="false">
        @php
            $benefitHeads = $product->plans->flatMap->benefits->unique('id')->values();
        @endphp
        <div class="overflow-x-auto">
            <table class="data-table">
                <thead>
                <tr>
                    <th>Category</th>
                    @foreach ($benefitHeads as $head)
                        <th class="px-4 text-right">{{ $head->short_name ?? $head->name }}</th>
                    @endforeach
                    <th class="px-4 text-right">Annual</th>
                    <th class="px-4 text-right">Monthly</th>
                    <th class="px-4 text-right">Daily</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($product->plans as $plan)
                    <tr>
                        <td class="font-medium">{{ $plan->label() }}</td>
                        @foreach ($benefitHeads as $head)
                            @php $pivot = $plan->benefits->firstWhere('id', $head->id)?->pivot; @endphp
                            <td class="px-4 text-right tabular-nums">
                                @if ($pivot === null)
                                    <span class="text-slate-300">&ndash;</span>
                                @else
                                    {{ $pivot->display_value ?? number_format((float) $pivot->sum_covered) }}
                                @endif
                            </td>
                        @endforeach
                        <td class="px-4 text-right font-semibold tabular-nums">
                            {{ $plan->annual_contribution ? number_format((float) $plan->annual_contribution) : '–' }}
                        </td>
                        <td class="px-4 text-right tabular-nums">
                            {{ $plan->monthly_contribution ? number_format((float) $plan->monthly_contribution) : '–' }}
                        </td>
                        <td class="px-4 text-right tabular-nums">
                            {{ $plan->daily_contribution ? number_format((float) $plan->daily_contribution) : '–' }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <p class="border-t border-slate-100 px-5 py-3 text-xs text-slate-500">
            Contributions are inclusive of Federal Takaful Fee {{ config('takaful.levies.federal_takaful_fee') * 100 }}%,
            Sales Tax on Services {{ $product->salesTaxRate() * 100 }}%, Stamp Duty PKR
            {{ number_format(config('takaful.levies.stamp_duty')) }} and the administrative surcharge.
        </p>
    </x-card>

    <x-card title="Schedule 2 - contribution bifurcation" subtitle="What each window operator receives" :padded="false">
        <table class="data-table">
            <thead>
            <tr>
                <th>Category</th>
                <th class="text-right">EFU Life</th>
                <th class="text-right">EFU General</th>
                <th class="text-right">Gross</th>
                @if (auth()->user()->isAdmin())
                    <th></th>
                @endif
            </tr>
            </thead>
            <tbody>
            @foreach ($product->plans as $plan)
                <tr>
                    @if (auth()->user()->isAdmin())
                        <form method="POST" action="{{ route('plans.update', $plan) }}" id="plan-{{ $plan->id }}">@csrf</form>
                    @endif
                    <td class="font-medium">{{ $plan->label() }}</td>
                    <td class="text-right tabular-nums">{{ number_format((float) $plan->efu_life_contribution) }}</td>
                    <td class="text-right tabular-nums">{{ number_format((float) $plan->efu_general_contribution) }}</td>
                    <td class="text-right font-semibold tabular-nums">
                        {{ number_format((float) ($plan->annual_contribution ?? $plan->daily_contribution)) }}
                    </td>
                    @if (auth()->user()->isAdmin())
                        <td class="text-right">
                            <x-badge :variant="$plan->is_active ? 'bg-emerald-100 text-emerald-800' : 'bg-slate-200 text-slate-600'">
                                {{ $plan->is_active ? 'Available' : 'Off' }}
                            </x-badge>
                        </td>
                    @endif
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-card>

    <div class="grid gap-5 lg:grid-cols-2">
        @if ($product->special_conditions)
            <x-card title="Special conditions">
                @foreach ($product->special_conditions as $block)
                    <p class="text-sm font-semibold text-slate-800">{{ $block['heading'] }}</p>
                    <ul class="mt-2 mb-4 space-y-1.5">
                        @foreach ($block['items'] as $item)
                            <li class="flex gap-2 text-sm text-slate-600">
                                <span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-400"></span>{{ $item }}
                            </li>
                        @endforeach
                    </ul>
                @endforeach
            </x-card>
        @endif

        <x-card title="Exclusions">
            @foreach ($product->exclusions ?? [] as $block)
                <p class="text-sm font-semibold text-slate-800">{{ $block['heading'] }}</p>
                <ul class="mt-2 mb-4 space-y-1.5">
                    @foreach ($block['items'] as $item)
                        <li class="flex gap-2 text-sm text-slate-600">
                            <span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-rose-400"></span>{{ $item }}
                        </li>
                    @endforeach
                </ul>
            @endforeach
        </x-card>
    </div>

@endsection