@extends('portal.layouts.app')

@section('title', $customer->full_name)
@section('subtitle', 'Customer '.($customer->bank_customer_id ?? $customer->uuid))

@section('content')

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

            <x-card title="Subscriptions" :padded="false">
                @if ($customer->subscriptions->isEmpty())
                    <p class="empty-state">This customer has not applied for any plan yet.</p>
                @else
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>Reference</th>
                            <th>Product</th>
                            <th class="text-right">Contribution</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($customer->subscriptions as $subscription)
                            <tr>
                                <td>
                                    <a href="{{ route('subscriptions.show', $subscription) }}" class="font-mono text-xs hover:underline">
                                        {{ $subscription->subscription_no }}
                                    </a>
                                    @if ($subscription->policy_no)
                                        <span class="block font-mono text-[11px] text-leaf-700">{{ $subscription->policy_no }}</span>
                                    @endif
                                </td>
                                <td>
                                    {{ $subscription->product->short_name ?? $subscription->product->name }}
                                    <span class="text-slate-400">/ {{ $subscription->plan?->code }}</span>
                                </td>
                                <td class="text-right tabular-nums">{{ number_format((float) $subscription->contribution_amount) }}</td>
                                <td>
                                    <x-badge :variant="$subscription->status->badgeClass()">{{ $subscription->status->label() }}</x-badge>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </x-card>

            <x-card title="Journey sessions" subtitle="Every landing from the BankIslami link" :padded="false">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>When</th>
                        <th>Decrypted</th>
                        <th>OTP</th>
                        <th>IP</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($customer->sessions as $session)
                        <tr>
                            <td class="text-xs">{{ $session->created_at->format('d M Y H:i') }}</td>
                            <td>
                                <x-badge :variant="$session->decrypted ? 'bg-emerald-100 text-emerald-800' : 'bg-rose-100 text-rose-800'">
                                    {{ $session->decrypted ? 'Yes' : ($session->failure_reason ?? 'No') }}
                                </x-badge>
                            </td>
                            <td class="text-xs">{{ $session->otp_verified ? 'Verified' : '-' }}</td>
                            <td class="font-mono text-xs text-slate-500">{{ $session->ip_address }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </x-card>
        </div>

        <div class="space-y-5">
            <x-card title="Details">
                <dl class="space-y-3 text-sm">
                    @foreach ([
                        'CNIC' => $customer->maskedCnic(),
                        'Mobile' => $customer->maskedMobile(),
                        'Email' => $customer->email,
                        'Date of birth' => $customer->date_of_birth?->format('d M Y'),
                        'Age' => $customer->age(),
                        'Gender' => $customer->gender ? ucfirst($customer->gender) : null,
                        'City' => $customer->city,
                        'Account' => $customer->maskedAccount(),
                        'Account title' => $customer->account_title,
                        'Branch' => $customer->branch_name,
                        'Branch code' => $customer->branch_code,
                        'Segment' => $customer->segment,
                        'Visits' => $customer->visit_count,
                        'First seen' => $customer->first_seen_at?->format('d M Y H:i'),
                        'Last seen' => $customer->last_seen_at?->format('d M Y H:i'),
                    ] as $label => $value)
                        <div>
                            <dt class="text-xs font-medium uppercase tracking-wider text-slate-500">{{ $label }}</dt>
                            <dd class="mt-0.5">{{ $value !== null && $value !== '' ? $value : '-' }}</dd>
                        </div>
                    @endforeach
                </dl>
            </x-card>

            <x-card title="Eligibility">
                <form method="POST" action="{{ route('customers.status', $customer) }}" class="space-y-3">
                    @csrf
                    <div>
                        <label class="field-label">Status</label>
                        <select name="status" class="field">
                            @foreach (['active' => 'Active', 'blocked' => 'Blocked', 'do_not_contact' => 'Do not contact'] as $value => $label)
                                <option value="{{ $value }}" @selected($customer->status === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="field-label">Reason</label>
                        <input type="text" name="reason" value="{{ $customer->ineligibility_reason }}"
                               class="field">
                    </div>
                    <button class="btn-primary w-full">
                        Update status
                    </button>
                </form>
            </x-card>
        </div>
    </div>

@endsection