@extends('layouts.admin', ['heading' => 'Income Engine', 'subheading' => 'Matching, capping, carry forward, and daily closing visibility'])

@section('content')
    <form method="GET" class="mb-4 admin-card p-4">
        <div class="grid grid-cols-1 gap-3 md:grid-cols-4">
            <div>
                <label class="mb-1 block text-xs text-slate-500">From Date</label>
                <input type="date" name="from" value="{{ $from }}" class="w-full rounded border p-2">
            </div>
            <div>
                <label class="mb-1 block text-xs text-slate-500">To Date</label>
                <input type="date" name="to" value="{{ $to }}" class="w-full rounded border p-2">
            </div>
            <div class="flex items-end">
                <button class="rounded bg-slate-900 px-4 py-2 text-white">Apply Range</button>
            </div>
        </div>
    </form>

    <div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Joining Net Income</div>
            <div class="mt-2 text-2xl font-semibold">Rs {{ number_format((float) ($joiningSummary->net_income ?? 0), 2) }}</div>
            <div class="mt-1 text-xs text-slate-500">Runs: {{ (int) ($joiningSummary->runs ?? 0) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Repurchase Net Income</div>
            <div class="mt-2 text-2xl font-semibold">Rs {{ number_format((float) ($repurchaseSummary->net_income ?? 0), 2) }}</div>
            <div class="mt-1 text-xs text-slate-500">Runs: {{ (int) ($repurchaseSummary->runs ?? 0) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Joining Capping Deduction</div>
            <div class="mt-2 text-2xl font-semibold text-amber-600">Rs {{ number_format((float) ($joiningSummary->capping_deduction ?? 0), 2) }}</div>
            <div class="mt-1 text-xs text-slate-500">Gross: Rs {{ number_format((float) ($joiningSummary->gross_income ?? 0), 2) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Repurchase Capping Deduction</div>
            <div class="mt-2 text-2xl font-semibold text-amber-600">Rs {{ number_format((float) ($repurchaseSummary->capping_deduction ?? 0), 2) }}</div>
            <div class="mt-1 text-xs text-slate-500">Gross: Rs {{ number_format((float) ($repurchaseSummary->gross_income ?? 0), 2) }}</div>
        </div>
    </div>

    <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-3">
        <div class="admin-card p-4 xl:col-span-2">
            <div class="mb-3 text-sm font-semibold text-slate-700">Daily Closing Trend</div>
            <canvas id="incomeEngineTrend"></canvas>
        </div>
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Current Engine Settings</div>
            <div class="space-y-2 text-sm text-slate-700">
                <div>Joining Pair Value: <span class="font-semibold">{{ $settingsSnapshot['joining_pair_value'] }}</span></div>
                <div>Repurchase Rate: <span class="font-semibold">{{ $settingsSnapshot['pair_rate'] }}</span></div>
                <div>Joining Daily Capping: <span class="font-semibold">{{ $settingsSnapshot['joining_daily_capping'] }}</span></div>
                <div>Repurchase Daily Capping: <span class="font-semibold">{{ $settingsSnapshot['repurchase_daily_capping'] }}</span></div>
                <div>TDS %: <span class="font-semibold">{{ $settingsSnapshot['tds_percent'] }}</span></div>
                <div>Charge %: <span class="font-semibold">{{ $settingsSnapshot['charge_percent'] }}</span></div>
            </div>
        </div>
    </div>

    <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-3">
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Carry Forward Totals</div>
            <div class="space-y-2 text-sm text-slate-700">
                <div>Joining Left: <span class="font-semibold">{{ number_format((float) ($carrySummary->joining_left ?? 0), 4) }}</span></div>
                <div>Joining Right: <span class="font-semibold">{{ number_format((float) ($carrySummary->joining_right ?? 0), 4) }}</span></div>
                <div>Repurchase Left: <span class="font-semibold">{{ number_format((float) ($carrySummary->repurchase_left ?? 0), 4) }}</span></div>
                <div>Repurchase Right: <span class="font-semibold">{{ number_format((float) ($carrySummary->repurchase_right ?? 0), 4) }}</span></div>
            </div>
        </div>
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Pending Ledger (Unprocessed)</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr>
                            <th class="p-2">Type</th>
                            <th class="p-2">Rows</th>
                            <th class="p-2">Units</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pendingLedger as $row)
                            <tr class="border-t">
                                <td class="p-2">{{ $row->ledger_type }}</td>
                                <td class="p-2">{{ $row->rows_count }}</td>
                                <td class="p-2">{{ number_format((float) $row->units, 4) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="p-3 text-center text-slate-500">No pending ledger rows.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Income Source Distribution</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr>
                            <th class="p-2">Source</th>
                            <th class="p-2">Entries</th>
                            <th class="p-2">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($incomeBySource as $row)
                            <tr class="border-t">
                                <td class="p-2">{{ $row->source }}</td>
                                <td class="p-2">{{ $row->entries }}</td>
                                <td class="p-2">Rs {{ number_format((float) $row->total_amount, 2) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="p-3 text-center text-slate-500">No income entries.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Income Projection Calculator</div>
            <form method="POST" action="{{ route('admin.income-engine.calculate') }}" class="grid grid-cols-1 gap-3 md:grid-cols-2">
                @csrf
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Type</label>
                    <select name="calc_type" class="w-full rounded border p-2">
                        <option value="joining" @selected($calculatorInput['type'] === 'joining')>Joining</option>
                        <option value="repurchase" @selected($calculatorInput['type'] === 'repurchase')>Repurchase</option>
                    </select>
                </div>
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Left Units/BV</label>
                    <input name="calc_left" type="number" step="0.0001" min="0" value="{{ $calculatorInput['left'] }}" class="w-full rounded border p-2">
                </div>
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Right Units/BV</label>
                    <input name="calc_right" type="number" step="0.0001" min="0" value="{{ $calculatorInput['right'] }}" class="w-full rounded border p-2">
                </div>
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Repurchase Rate</label>
                    <input name="calc_rate" type="number" step="0.0001" min="0" value="{{ $calculatorInput['rate'] }}" class="w-full rounded border p-2">
                </div>
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Joining Pair Value</label>
                    <input name="calc_pair_value" type="number" step="0.01" min="0" value="{{ $calculatorInput['pair_value'] }}" class="w-full rounded border p-2">
                </div>
                <div>
                    <label class="mb-1 block text-xs text-slate-500">Custom Capping (optional)</label>
                    <input name="calc_capping" type="number" step="0.01" min="0" value="{{ $calculatorInput['capping'] }}" class="w-full rounded border p-2">
                </div>
                <div class="md:col-span-2">
                    <button class="rounded bg-indigo-600 px-4 py-2 text-white">Calculate</button>
                </div>
            </form>
            @if($calculatorResult)
                <div class="mt-4 rounded border border-indigo-100 bg-indigo-50 p-3 text-sm text-slate-700">
                    <div><strong>Type:</strong> {{ ucfirst((string) $calculatorResult['type']) }}</div>
                    <div><strong>Matched:</strong> {{ number_format((float) $calculatorResult['matched_units'], 4) }}</div>
                    <div><strong>Gross:</strong> Rs {{ number_format((float) $calculatorResult['gross_income'], 2) }}</div>
                    <div><strong>Capping:</strong> {{ number_format((float) $calculatorResult['capping_applied'], 2) }}</div>
                    <div><strong>Deduction:</strong> Rs {{ number_format((float) $calculatorResult['capping_deduction'], 2) }}</div>
                    <div><strong>Net:</strong> Rs {{ number_format((float) $calculatorResult['net_income'], 2) }}</div>
                    <div><strong>Carry:</strong> L {{ number_format((float) $calculatorResult['carry_left'], 4) }} / R {{ number_format((float) $calculatorResult['carry_right'], 4) }}</div>
                </div>
            @endif
        </div>

        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold text-slate-700">Rank Capping Matrix</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr>
                            <th class="p-2">Rank</th>
                            <th class="p-2">Priority</th>
                            <th class="p-2">Daily Cap</th>
                            <th class="p-2">Req Directs</th>
                            <th class="p-2">Req Weak BV</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($rankCapping as $rank)
                            <tr class="border-t">
                                <td class="p-2">{{ $rank->name }}</td>
                                <td class="p-2">{{ $rank->priority }}</td>
                                <td class="p-2">{{ number_format((float) $rank->daily_capping, 2) }}</td>
                                <td class="p-2">{{ $rank->required_active_directs }}</td>
                                <td class="p-2">{{ number_format((float) $rank->required_weak_leg_bv, 2) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="p-3 text-center text-slate-500">No active rank configuration found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script>
        new Chart(document.getElementById('incomeEngineTrend'), {
            type: 'line',
            data: {
                labels: {!! json_encode($chartLabels) !!},
                datasets: [
                    {
                        label: 'Joining Net',
                        data: {!! json_encode($joiningSeries) !!},
                        borderColor: '#6366f1',
                        backgroundColor: 'rgba(99, 102, 241, 0.15)',
                        fill: true,
                        tension: 0.25
                    },
                    {
                        label: 'Repurchase Net',
                        data: {!! json_encode($repurchaseSeries) !!},
                        borderColor: '#10b981',
                        backgroundColor: 'rgba(16, 185, 129, 0.15)',
                        fill: true,
                        tension: 0.25
                    },
                    {
                        label: 'Credited to Income Wallet',
                        data: {!! json_encode($creditedSeries) !!},
                        borderColor: '#f59e0b',
                        backgroundColor: 'rgba(245, 158, 11, 0.12)',
                        fill: true,
                        tension: 0.25
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });
    </script>
@endsection