@extends('layouts.app')
@section('title', __('Family Details'))
@section('page-title', __('Family Details'))
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.families.index') }}" class="text-green-600 hover:text-green-800 text-sm">&larr; {{ __('Back') }}</a>
</div>

<div class="grid lg:grid-cols-3 gap-6">
    {{-- Main Info --}}
    <div class="lg:col-span-2 space-y-6">
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
            <div class="flex justify-between items-start mb-4">
                <div>
                    <h2 class="text-xl font-bold">{{ $family->head_name_bn }}</h2>
                    <p class="text-sm text-gray-500">{{ $family->head_name_en }}</p>
                    <p class="font-mono text-sm text-gray-500 mt-1">{{ $family->family_id_code }}</p>
                </div>
                @php $statusColor = match($family->status) {
                    'active' => 'green', 'approved' => 'blue', 'pending_review' => 'yellow',
                    'rejected' => 'red', default => 'gray',
                }; @endphp
                <span class="px-3 py-1 rounded-full text-sm font-semibold bg-{{ $statusColor }}-100 text-{{ $statusColor }}-800 dark:bg-{{ $statusColor }}-900 dark:text-{{ $statusColor }}-300">
                    {{ ucfirst(str_replace('_', ' ', $family->status)) }}
                </span>
            </div>
            <div class="grid grid-cols-2 gap-4 text-sm">
                <div><span class="text-gray-500">{{ __('NID Number') }}:</span> <span class="font-mono">{{ $family->head_nid }}</span></div>
                <div><span class="text-gray-500">{{ __('Phone') }}:</span> {{ $family->head_phone ?? '—' }}</div>
                <div><span class="text-gray-500">{{ __('PMT Score') }}:</span> <span class="font-bold">{{ $family->pmt_score }}</span></div>
                <div><span class="text-gray-500">{{ __('Quantile') }}:</span> {{ $family->quantile_label }}</div>
                <div><span class="text-gray-500">{{ __('Monthly Income') }}:</span> ৳{{ number_format($family->monthly_income ?? 0) }}</div>
                <div><span class="text-gray-500">{{ __('Total Members') }}:</span> {{ $family->total_members }}</div>
                <div><span class="text-gray-500">{{ __('Survey Date') }}:</span> {{ $family->survey_date?->format('d/m/Y') }}</div>
                <div><span class="text-gray-500">{{ __('Surveyor') }}:</span> {{ $family->surveyor?->name ?? '—' }}</div>
                <div class="col-span-2"><span class="text-gray-500">{{ __('Address') }}:</span> {{ $family->address_bn }}</div>
                <div class="col-span-2"><span class="text-gray-500">{{ __('Union') }}:</span> {{ $family->union?->name }} → {{ $family->union?->upazila?->name }} → {{ $family->union?->upazila?->district?->name }} → {{ $family->union?->upazila?->district?->division?->name }}</div>
            </div>
        </div>

        {{-- Members --}}
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
            <h3 class="font-bold text-lg mb-4">{{ __('Family Members') }} ({{ $family->members->count() }})</h3>
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="bg-gray-50 dark:bg-gray-700">
                        <tr>
                            <th class="py-2 px-3 text-left">{{ __('Name') }}</th>
                            <th class="py-2 px-3 text-left">{{ __('Relation') }}</th>
                            <th class="py-2 px-3 text-center">{{ __('Gender') }}</th>
                            <th class="py-2 px-3 text-center">{{ __('Age') }}</th>
                            <th class="py-2 px-3 text-left">{{ __('Education') }}</th>
                            <th class="py-2 px-3 text-left">{{ __('NID Number') }}</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
                        @foreach($family->members as $member)
                            <tr class="{{ $member->is_head ? 'bg-green-50 dark:bg-green-900/10' : '' }}">
                                <td class="py-2 px-3 font-medium">
                                    {{ $member->name_bn }}
                                    @if($member->is_head) <span class="text-xs text-green-600">({{ app()->getLocale() === 'bn' ? 'প্রধান' : 'Head' }})</span> @endif
                                </td>
                                <td class="py-2 px-3">{{ ucfirst($member->relation_to_head) }}</td>
                                <td class="py-2 px-3 text-center">{{ $member->gender === 'male' ? __('Male') : ($member->gender === 'female' ? __('Female') : __('Other')) }}</td>
                                <td class="py-2 px-3 text-center">{{ $member->dob ? $member->dob->age : '—' }}</td>
                                <td class="py-2 px-3">{{ ucfirst(str_replace('_', ' ', $member->education_level ?? '—')) }}</td>
                                <td class="py-2 px-3 font-mono text-xs">{{ $member->nid ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Sidebar --}}
    <div class="space-y-6">
        {{-- Actions --}}
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
            <h3 class="font-bold mb-4">{{ __('Actions') }}</h3>
            <div class="space-y-2">
                <a href="{{ route('admin.families.edit', $family) }}" class="block w-full text-center bg-yellow-500 hover:bg-yellow-600 text-white py-2 rounded-lg text-sm font-semibold transition">{{ __('Edit') }}</a>
                @if($family->status === 'pending_review')
                    <form method="POST" action="{{ route('admin.families.approve', $family) }}">
                        @csrf
                        <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white py-2 rounded-lg text-sm font-semibold transition">{{ __('Approve') }}</button>
                    </form>
                    <form method="POST" action="{{ route('admin.families.reject', $family) }}">
                        @csrf
                        <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white py-2 rounded-lg text-sm font-semibold transition">{{ __('Reject') }}</button>
                    </form>
                @endif
                <form method="POST" action="{{ route('admin.families.recalculate-pmt', $family) }}">
                    @csrf
                    <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-lg text-sm font-semibold transition">
                        @if(app()->getLocale() === 'bn') পিএমটি পুনঃগণনা @else Recalculate PMT @endif
                    </button>
                </form>
            </div>
        </div>

        {{-- Card Info --}}
        @if($family->card)
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
                <h3 class="font-bold mb-4">{{ __('Card') }}</h3>
                <div class="space-y-2 text-sm">
                    <div class="flex justify-between"><span class="text-gray-500">{{ __('Card Number') }}</span><span class="font-mono">{{ $family->card->card_number }}</span></div>
                    <div class="flex justify-between"><span class="text-gray-500">{{ __('Card Status') }}</span><span>{{ $family->card->status_label }}</span></div>
                    <div class="flex justify-between"><span class="text-gray-500">{{ __('Issued Date') }}</span><span>{{ $family->card->issued_date?->format('d/m/Y') }}</span></div>
                </div>
            </div>
        @endif

        {{-- Disbursements --}}
        @if($family->disbursements->count() > 0)
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
                <h3 class="font-bold mb-4">{{ __('Disbursements') }}</h3>
                <div class="space-y-2 text-sm">
                    @foreach($family->disbursements->take(5) as $d)
                        <div class="flex justify-between items-center">
                            <span>৳{{ number_format($d->amount) }}</span>
                            <span class="text-xs px-2 py-0.5 rounded {{ $d->status === 'completed' ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300' : 'bg-yellow-100 text-yellow-800' }}">
                                {{ ucfirst($d->status) }}
                            </span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
</div>
@endsection