@extends('portal.layouts.app')

@section('title', $subscription->subscription_no)
@section('subtitle', $subscription->product->name.($subscription->plan ? ' - '.$subscription->plan->label() : ''))

@section('content')

    <div class="flex flex-wrap items-center gap-3">
        <x-badge :variant="$subscription->status->badgeClass()">{{ $subscription->status->label() }}</x-badge>
        @if ($subscription->policy_no)
            <span class="font-mono text-sm text-leaf-700">{{ $subscription->policy_no }}</span>
        @endif
        @if ($subscription->isWithinFreeLook())
            <x-badge variant="bg-sky-100 text-sky-800">Free look until {{ $subscription->free_look_expires_at->format('d M Y') }}</x-badge>
        @endif
    </div>

    <div class="grid gap-5 lg:grid-cols-3">
        <div class="space-y-5 lg:col-span-2">

            <x-card title="Application">
                <dl class="grid gap-4 sm:grid-cols-2">
                    @foreach ([
                        'Product' => $subscription->product->name,
                        'Plan / Category' => $subscription->plan?->label() ?? '-',
                        'Payment frequency' => $subscription->payment_frequency->label(),
                        'Contribution' => 'PKR '.number_format((float) $subscription->contribution_amount, 2),
                        'EFU Life share' => 'PKR '.number_format((float) $subscription->efu_life_share, 2),
                        'EFU General share' => 'PKR '.number_format((float) $subscription->efu_general_share, 2),
                        'Cover start' => $subscription->cover_start_date?->format('d M Y') ?? 'Not yet on risk',
                        'Cover end' => $subscription->cover_end_date?->format('d M Y') ?? '-',
                        'Next due' => $subscription->next_due_date?->format('d M Y') ?? '-',
                        'Total collected' => 'PKR '.number_format((float) $subscription->total_collected, 2),
                    ] 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 text-slate-900">{{ $value }}</dd>
                        </div>
                    @endforeach
                </dl>
            </x-card>

            <x-card title="Benefits on this plan" :padded="false">
                @if ($subscription->plan === null)
                    <p class="empty-state">This product has no plan attached.</p>
                @else
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>Benefit</th>
                            <th>Underwriter</th>
                            <th class="text-right">Sum covered (PKR)</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($subscription->plan->benefits as $benefit)
                            <tr>
                                <td>{{ $benefit->name }}</td>
                                <td class="text-xs text-slate-500">{{ $benefit->underwriter->label() }}</td>
                                <td class="text-right tabular-nums">
                                    {{ $benefit->pivot->display_value ?? number_format((float) $benefit->pivot->sum_covered) }}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </x-card>

            <x-card title="Contribution instalments" :padded="false">
                @if ($subscription->charges->isEmpty())
                    <p class="empty-state">No instalment has been raised yet. One is created when the CBC call is confirmed.</p>
                @else
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>Charge</th>
                            <th>Cycle</th>
                            <th>Due</th>
                            <th class="text-right">Amount</th>
                            <th>Deducted</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($subscription->charges as $charge)
                            <tr>
                                <td class="font-mono text-xs">{{ $charge->charge_no }}</td>
                                <td>{{ $charge->cycle_no }}</td>
                                <td class="text-xs">{{ $charge->due_date?->format('d M Y') }}</td>
                                <td class="text-right tabular-nums">{{ number_format((float) $charge->amount, 2) }}</td>
                                <td class="text-xs">
                                    {{ $charge->deduction_date?->format('d M Y') ?? '-' }}
                                    @if ($charge->bank_reference)
                                        <span class="block text-slate-400">{{ $charge->bank_reference }}</span>
                                    @endif
                                </td>
                                <td>
                                    <x-badge :variant="$charge->status->badgeClass()">{{ $charge->status->label() }}</x-badge>
                                    @if ($charge->failure_reason)
                                        <span class="mt-1 block text-xs text-rose-600">{{ $charge->failure_reason }}</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </x-card>

            <x-card title="Status history" :padded="false">
                <ul class="divide-y divide-slate-100">
                    @foreach ($subscription->statusLogs as $log)
                        <li class="px-5 py-3">
                            <div class="flex items-start justify-between gap-3">
                                <div>
                                    <p class="text-sm">
                                        <span class="text-slate-400">{{ $log->from_status ?? 'created' }}</span>
                                        <span class="mx-1 text-slate-300">&rarr;</span>
                                        <span class="font-medium">{{ $log->to_status }}</span>
                                    </p>
                                    @if ($log->reason)
                                        <p class="mt-0.5 text-xs text-slate-500">{{ $log->reason }}</p>
                                    @endif
                                    <p class="mt-0.5 text-xs text-slate-400">
                                        via {{ $log->source }}
                                        @if ($log->user) &middot; {{ $log->user->name }} @endif
                                        @if ($log->batch) &middot; <a href="{{ route('batches.show', $log->batch) }}" class="hover:underline">{{ $log->batch->batch_no }}</a> @endif
                                    </p>
                                </div>
                                <span class="shrink-0 text-xs text-slate-400">{{ $log->created_at->format('d M Y H:i') }}</span>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </x-card>
        </div>

        <div class="space-y-5">
            <x-card title="Customer">
                <dl class="space-y-3 text-sm">
                    <div>
                        <dt class="text-xs uppercase tracking-wider text-slate-500">Name</dt>
                        <dd>
                            <a href="{{ route('customers.show', $subscription->customer) }}" class="font-medium hover:underline">
                                {{ $subscription->customer->full_name }}
                            </a>
                        </dd>
                    </div>
                    @foreach ([
                        'CNIC' => $subscription->customer->maskedCnic(),
                        'Mobile' => $subscription->customer->maskedMobile(),
                        'Email' => $subscription->customer->email,
                        'Account' => $subscription->customer->maskedAccount(),
                        'Branch' => $subscription->customer->branch_name,
                        'Bank customer ID' => $subscription->customer->bank_customer_id,
                    ] as $label => $value)
                        <div>
                            <dt class="text-xs uppercase tracking-wider text-slate-500">{{ $label }}</dt>
                            <dd>{{ $value ?: '-' }}</dd>
                        </div>
                    @endforeach
                </dl>
            </x-card>

            <x-card title="Consent evidence">
                <dl class="space-y-3 text-sm">
                    <div>
                        <dt class="text-xs uppercase tracking-wider text-slate-500">Captured</dt>
                        <dd>{{ $subscription->consent_at?->format('d M Y H:i:s') ?? 'Not captured' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs uppercase tracking-wider text-slate-500">Channel / version</dt>
                        <dd>{{ $subscription->consent_channel }} &middot; {{ $subscription->consent_version }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs uppercase tracking-wider text-slate-500">IP address</dt>
                        <dd class="font-mono text-xs">{{ $subscription->consent_ip ?? '-' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs uppercase tracking-wider text-slate-500">OTP verified</dt>
                        <dd>{{ $subscription->otp_verified ? 'Yes' : 'No' }}</dd>
                    </div>
                </dl>

                @if ($subscription->consents->isNotEmpty())
                    <ul class="mt-4 space-y-2 border-t border-slate-100 pt-4">
                        @foreach ($subscription->consents as $consent)
                            <li class="text-xs text-slate-600">
                                <span class="font-medium text-slate-800">{{ str($consent->type)->headline() }}</span>
                                <p class="mt-0.5">{{ $consent->content }}</p>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </x-card>

            @if ($subscription->cbc_result)
                <x-card title="Call back confirmation">
                    <dl class="space-y-3 text-sm">
                        <div>
                            <dt class="text-xs uppercase tracking-wider text-slate-500">Result</dt>
                            <dd><x-badge :variant="$subscription->cbc_result->badgeClass()">{{ $subscription->cbc_result->label() }}</x-badge></dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wider text-slate-500">Called</dt>
                            <dd>{{ $subscription->cbc_at?->format('d M Y H:i') ?? '-' }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wider text-slate-500">Agent</dt>
                            <dd>{{ $subscription->cbc_agent ?? '-' }}</dd>
                        </div>
                        @if ($subscription->cbc_remarks)
                            <div>
                                <dt class="text-xs uppercase tracking-wider text-slate-500">Remarks</dt>
                                <dd>{{ $subscription->cbc_remarks }}</dd>
                            </div>
                        @endif
                    </dl>
                </x-card>
            @endif

            @unless ($subscription->status->isTerminal())
                <x-card title="Cancel this subscription">
                    <form method="POST" action="{{ route('subscriptions.cancel', $subscription) }}" class="space-y-3">
                        @csrf
                        <textarea name="reason" rows="3" required placeholder="Reason for cancellation"
                                  class="field"></textarea>
                        <button class="btn-danger w-full">
                            Cancel subscription
                        </button>
                    </form>
                </x-card>
            @endunless
        </div>
    </div>

@endsection