@extends('layouts.admin')
@section('title', 'Investors')
@section('page-title', 'Investor Management')
@section('page-subtitle', 'Track fixed-term investments and profit payments')
@section('content')
<div class="grid grid-cols-3 gap-4 mb-6">
    <div class="card p-4 text-center">
        <p class="text-xs text-gray-500 uppercase">Total Investment</p>
        <p class="text-2xl font-bold text-purple-700">₦{{ number_format($totalInvestment) }}</p>
    </div>
    <div class="card p-4 text-center">
        <p class="text-xs text-gray-500 uppercase">Expected Total Profit</p>
        <p class="text-2xl font-bold text-green-700">₦{{ number_format($totalExpectedProfit) }}</p>
    </div>
    <div class="card p-4 flex items-center justify-center">
        <a href="{{ route('admin.investors.create') }}" class="bg-purple-700 text-white px-4 py-2 rounded-lg hover:bg-purple-800">
            <i class="fas fa-plus mr-2"></i>Register Investor
        </a>
    </div>
</div>
<div class="card overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b">
                <tr>
                    <th class="px-4 py-3 text-left">Reference</th>
                    <th class="px-4 py-3 text-left">Investor Name</th>
                    <th class="px-4 py-3 text-left">Principal</th>
                    <th class="px-4 py-3 text-left">Rate</th>
                    <th class="px-4 py-3 text-left">Frequency</th>
                    <th class="px-4 py-3 text-left">Next Payment</th>
                    <th class="px-4 py-3 text-left">Maturity</th>
                    <th class="px-4 py-3 text-left">Status</th>
                    <th class="px-4 py-3 text-center">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($investors as $inv)
                @php $isDue = $inv->status === 'active' && $inv->next_payment_date->isPast(); @endphp
                <tr class="hover:bg-gray-50 {{ $isDue ? 'bg-yellow-50' : '' }}">
                    <td class="px-4 py-3 font-mono text-xs text-purple-700">{{ $inv->reference }}</td>
                    <td class="px-4 py-3 font-medium">{{ $inv->full_name }}</td>
                    <td class="px-4 py-3 font-bold">₦{{ number_format($inv->principal_amount) }}</td>
                    <td class="px-4 py-3">{{ $inv->profit_rate }}%</td>
                    <td class="px-4 py-3 capitalize">{{ $inv->payment_frequency }}</td>
                    <td class="px-4 py-3 {{ $isDue ? 'text-red-600 font-bold' : '' }}">
                        {{ $inv->next_payment_date->format('d M Y') }}
                        @if($isDue)<span class="text-xs"> (DUE)</span>@endif
                    </td>
                    <td class="px-4 py-3">{{ $inv->maturity_date->format('d M Y') }}</td>
                    <td class="px-4 py-3">
                        <span class="px-2 py-0.5 rounded text-xs font-medium
                            {{ $inv->status === 'active' ? 'bg-green-100 text-green-800' : ($inv->status === 'matured' ? 'bg-gray-100 text-gray-700' : 'bg-red-100 text-red-800') }}">
                            {{ ucfirst($inv->status) }}
                        </span>
                    </td>
                    <td class="px-4 py-3 text-center">
                        <a href="{{ route('admin.investors.show', $inv->id) }}" class="text-blue-600 hover:text-blue-800 mr-2"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('admin.investors.edit', $inv->id) }}" class="text-yellow-600 hover:text-yellow-800"><i class="fas fa-edit"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="px-4 py-8 text-center text-gray-500">No investors registered. <a href="{{ route('admin.investors.create') }}" class="text-blue-600 underline">Register first investor</a>.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection