@extends('layouts.admin')

@section('title', 'Profit split · Aromaniacs ERP')
@section('overline', 'Equity')
@section('heading', 'Partner profit allocation')

@section('content')
    <section class="card mb-6">
        <div class="flex items-start gap-3 flex-wrap w-full mb-6">
            <div class="flex gap-2 flex-wrap items-center">
                <a href="{{ route('admin.shareholders.index') }}" class="btn btn-ghost">Partners</a>
                <a href="{{ route('admin.shareholder-capital.index') }}" class="btn btn-ghost">Capital ledger</a>
                <a href="{{ route('admin.sales.index', ['from' => $from, 'to' => $to]) }}" class="btn btn-ghost btn-icon" title="View sales window" aria-label="View sales window">
                    <i class="fi fi-rr-chart-line-up" aria-hidden="true"></i>
                </a>
            </div>
            <details class="relative ml-auto">
                <summary class="btn btn-ghost btn-icon btn-icon-sm cursor-pointer" title="Profit page info" aria-label="Profit page info">
                    <i class="fi fi-rr-info" aria-hidden="true"></i>
                </summary>
                <div class="absolute right-0 z-20 mt-2 p-3 card-light text-sm" style="color: var(--color-ink-70); width: min(24rem, calc(100vw - 2rem)); max-width: min(24rem, calc(100vw - 2rem));">
                    Pool uses delivered + paid sales, net juice margin, and per-order box costs. Partner allocation follows time-weighted average employed capital for active partners in the selected range; if all are zero/non-positive, split is equal.
                </div>
            </details>
        </div>

        <form method="GET" action="{{ route('admin.shareholder-profit.index') }}" class="live-filter grid grid-cols-1 md:grid-cols-4 gap-3 items-end w-full">
            <div>
                <label class="label block mb-1" style="color: var(--color-ink-40);">From</label>
                <input type="date" name="from" value="{{ $from }}" class="input" required>
            </div>
            <div>
                <label class="label block mb-1" style="color: var(--color-ink-40);">To</label>
                <input type="date" name="to" value="{{ $to }}" class="input" required>
            </div>
            <div class="md:col-span-2 flex gap-2">
                <button type="submit" class="btn btn-ghost btn-icon" title="Recalculate preview" aria-label="Recalculate preview">
                    <i class="fi fi-rr-calculator" aria-hidden="true"></i>
                </button>
            </div>
        </form>
    </section>

    <section class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-6">
        <div class="card lg:col-span-1">
            <p class="label" style="color: var(--color-ink-40);">Orders</p>
            <p class="mt-2 text-2xl" style="font-family: var(--font-serif);">{{ $result['sales_snapshot']['order_count'] }}</p>
        </div>
        <div class="card">
            <p class="label" style="color: var(--color-ink-40);">Sold amount</p>
            <p class="mt-2 text-2xl" style="font-family: var(--font-serif);">৳ {{ number_format($result['sales_snapshot']['sold_amount'], 2) }}</p>
        </div>
        <div class="card">
            <p class="label" style="color: var(--color-ink-40);">Product revenue</p>
            <p class="mt-2 text-2xl" style="font-family: var(--font-serif);">৳ {{ number_format($result['sales_snapshot']['product_revenue'], 2) }}</p>
        </div>
        <div class="card">
            <p class="label" style="color: var(--color-ink-40);">Box costs</p>
            <p class="mt-2 text-2xl" style="font-family: var(--font-serif);">৳ {{ number_format($result['sales_snapshot']['box_costs'], 2) }}</p>
        </div>
        <div class="card border-2" style="border-color: var(--color-champagne-40);">
            <p class="label" style="color: var(--color-ink-40);">Pool (net)</p>
            <p class="mt-2 text-2xl" style="font-family: var(--font-serif);">৳ {{ number_format($result['pool'], 2) }}</p>
        </div>
    </section>

    @if ($result['had_zero_capital_equal_split'])
        <div class="card mb-6 border-dashed" style="border-color: var(--color-lilac);">
            <p class="text-sm" style="color: var(--color-ink);"><strong>Equal split mode:</strong> no partner had positive average employed capital — each active partner receives an equal share.</p>
        </div>
    @endif

    <section class="card mb-8">
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-4">
            <h3 class="text-lg" style="font-family: var(--font-serif);">Preview</h3>
            <form method="POST" action="{{ route('admin.shareholder-profit.store') }}">
                @csrf
                <input type="hidden" name="period_start" value="{{ $from }}">
                <input type="hidden" name="period_end" value="{{ $to }}">
                <button type="submit" class="btn btn-primary">Save snapshot</button>
            </form>
        </div>
        <div class="overflow-x-auto">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Partner</th>
                        <th style="text-align: right;">Avg capital</th>
                        <th style="text-align: right;">Weight</th>
                        <th style="text-align: right;">Allocated</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($result['lines'] as $line)
                        <tr>
                            <td class="font-semibold">{{ $shareholderNames[$line['shareholder_id']] ?? 'Partner #'.$line['shareholder_id'] }}</td>
                            <td style="text-align: right;">{{ number_format($line['avg_capital'], 4) }}</td>
                            <td style="text-align: right;">{{ number_format($line['ratio'] * 100, 4) }}%</td>
                            <td style="text-align: right; font-weight: 600;">৳ {{ number_format($line['allocated'], 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center py-8" style="color: var(--color-ink-70);">No active partners. Add partners before allocating profit.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <p class="mt-4 text-xs" style="color: var(--color-ink-40);">Method: {{ $methodLabel }} · Σ avg capital {{ number_format($result['total_avg_capital'], 4) }}</p>
    </section>

    <section class="card">
        <h3 class="text-lg mb-4" style="font-family: var(--font-serif);">Saved reports</h3>
        @if ($reports->isEmpty())
            <p class="text-sm" style="color: var(--color-ink-70);">No snapshots yet.</p>
        @else
            <div class="space-y-6">
                @foreach ($reports as $report)
                    <div class="border rounded-lg p-4" style="border-color: var(--color-ink-12);">
                        <div class="flex flex-wrap justify-between gap-2 mb-3">
                            <div>
                                <span class="font-semibold">{{ $report->period_start->format('d M Y') }} → {{ $report->period_end->format('d M Y') }}</span>
                                <span class="text-xs ml-2" style="color: var(--color-ink-40);">{{ $report->computed_at?->diffForHumans() }}</span>
                            </div>
                            <div class="flex items-center gap-2">
                                <span class="badge">Pool ৳ {{ number_format((float) $report->profit_pool, 2) }}</span>
                                <form method="POST" action="{{ route('admin.shareholder-profit.destroy', $report) }}" onsubmit="return confirm('Delete this saved report? This action cannot be undone.');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-icon btn-icon-sm" title="Delete saved report" aria-label="Delete saved report">
                                        <i class="fi fi-rr-trash" aria-hidden="true"></i>
                                    </button>
                                </form>
                            </div>
                        </div>
                        <table class="data-table">
                            <thead>
                                <tr>
                                    <th>Partner</th>
                                    <th style="text-align: right;">Avg capital</th>
                                    <th style="text-align: right;">Weight</th>
                                    <th style="text-align: right;">Allocated</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($report->lines as $ln)
                                    <tr>
                                        <td>{{ $ln->shareholder?->display_name }}</td>
                                        <td style="text-align: right;">{{ number_format((float) $ln->avg_capital_employed, 4) }}</td>
                                        <td style="text-align: right;">{{ number_format((float) $ln->capital_weight_ratio * 100, 4) }}%</td>
                                        <td style="text-align: right;">৳ {{ number_format((float) $ln->allocated_profit, 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endforeach
            </div>
            <div class="mt-5">
                {{ $reports->links() }}
            </div>
        @endif
    </section>
@endsection