@extends('layouts.admin')
@section('title', 'Investor Details')
@section('page-title', 'Investor Details')
@section('page-subtitle', $investor->reference)
@section('content')
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="space-y-4">
        <div class="card p-5">
            <div class="text-center mb-4">
                <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-2">
                    <i class="fas fa-chart-line text-purple-600 text-2xl"></i>
                </div>
                <h3 class="font-bold text-lg">{{ $investor->full_name }}</h3>
                <p class="font-mono text-purple-700 text-sm">{{ $investor->reference }}</p>
                <span class="inline-block mt-2 px-3 py-1 rounded-full text-xs font-medium
                    {{ $investor->status === 'active' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-700' }}">
                    {{ ucfirst($investor->status) }}
                </span>
            </div>
            <dl class="space-y-2 text-sm border-t pt-4">
                <div class="flex justify-between"><dt class="text-gray-500">Phone</dt><dd>{{ $investor->phone }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Email</dt><dd>{{ $investor->email ?? '-' }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Bank</dt><dd>{{ $investor->bank_name }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Account No.</dt><dd class="font-mono">{{ $investor->account_number }}</dd></div>
            </dl>
        </div>
        <div class="card p-5">
            <h3 class="font-bold text-gray-700 mb-3 text-sm">Investment Details</h3>
            <dl class="space-y-2 text-sm">
                <div class="flex justify-between"><dt class="text-gray-500">Principal</dt><dd class="font-bold text-xl text-purple-700">₦{{ number_format($investor->principal_amount) }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Profit Rate</dt><dd>{{ $investor->profit_rate }}% p.a.</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Frequency</dt><dd class="capitalize">{{ $investor->payment_frequency }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Per Period</dt><dd class="font-medium text-green-700">₦{{ number_format($investor->profit_per_period) }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Total Profit</dt><dd class="font-bold">₦{{ number_format($investor->expected_profit_total) }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Start Date</dt><dd>{{ $investor->investment_date->format('d M Y') }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Maturity</dt><dd>{{ $investor->maturity_date->format('d M Y') }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">Next Payment</dt>
                    <dd class="{{ $investor->next_payment_date->isPast() ? 'text-red-600 font-bold' : '' }}">{{ $investor->next_payment_date->format('d M Y') }}</dd>
                </div>
            </dl>
        </div>
        @if($investor->status === 'active' && in_array(session('admin_role'), ['admin','manager','cashier']))
        <div class="card p-5">
            <h3 class="font-bold text-gray-700 mb-3"><i class="fas fa-money-check-alt mr-2 text-green-600"></i>Pay Profit</h3>
            <form action="{{ route('admin.investors.pay-profit', $investor->id) }}" method="POST">
                @csrf
                <div class="space-y-3">
                    <div>
                        <label class="block text-sm text-gray-600 mb-1">Amount (₦)</label>
                        <input type="number" name="amount" value="{{ $investor->profit_per_period }}" required min="1" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm">
                    </div>
                    <div>
                        <label class="block text-sm text-gray-600 mb-1">Notes</label>
                        <input type="text" name="notes" placeholder="Optional" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm">
                    </div>
                    <button type="submit" class="w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700 text-sm" onclick="return confirm('Record this profit payment?')">
                        <i class="fas fa-paper-plane mr-2"></i>Record Payment
                    </button>
                </div>
            </form>
        </div>
        @endif
    </div>
    <div class="lg:col-span-2">
        @php $paidTotal = $totalPaid; @endphp
        <div class="card p-5 mb-4">
            <h3 class="font-bold text-gray-700 mb-3">Profit Payment Progress</h3>
            @php $pct = $investor->expected_profit_total > 0 ? min(100, ($paidTotal / $investor->expected_profit_total) * 100) : 0; @endphp
            <div class="flex justify-between text-sm mb-2">
                <span>Paid: <strong class="text-green-700">₦{{ number_format($paidTotal) }}</strong></span>
                <span>Expected: <strong>₦{{ number_format($investor->expected_profit_total) }}</strong></span>
                <span>{{ number_format($pct, 1) }}% paid</span>
            </div>
            <div class="w-full bg-gray-200 rounded-full h-3">
                <div class="bg-purple-500 h-3 rounded-full" style="width: {{ $pct }}%"></div>
            </div>
        </div>
        <div class="card overflow-hidden">
            <div class="px-5 py-4 border-b bg-gray-50">
                <h3 class="font-bold text-gray-700">Profit Payment History</h3>
            </div>
            <table class="w-full text-sm">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-4 py-3 text-left">Reference</th>
                        <th class="px-4 py-3 text-left">Amount</th>
                        <th class="px-4 py-3 text-left">Payment Date</th>
                        <th class="px-4 py-3 text-left">Recorded By</th>
                        <th class="px-4 py-3 text-left">Notes</th>
                    </tr>
                </thead>
                <tbody class="divide-y">
                    @forelse($investor->payments->sortByDesc('payment_date') as $p)
                    <tr class="hover:bg-gray-50">
                        <td class="px-4 py-3 font-mono text-xs text-purple-700">{{ $p->reference }}</td>
                        <td class="px-4 py-3 font-bold text-green-700">₦{{ number_format($p->amount) }}</td>
                        <td class="px-4 py-3">{{ \Carbon\Carbon::parse($p->payment_date)->format('d M Y H:i') }}</td>
                        <td class="px-4 py-3 text-gray-500">{{ $p->recorded_by }}</td>
                        <td class="px-4 py-3 text-gray-500">{{ $p->notes ?? '-' }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="px-4 py-8 text-center text-gray-500">No profit payments recorded yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection