@extends('layouts.admin')

@section('title', 'Partner capital · Aromaniacs ERP')
@section('overline', 'Equity')
@section('heading', 'Capital ledger')

@section('content')
    <section class="card mb-6">
        <div class="flex flex-col xl:flex-row xl:items-end xl:justify-between gap-6">
            <div class="flex items-center gap-3 flex-wrap w-full">
                <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-profit.index') }}" class="btn btn-ghost">Profit split</a>
                    <form method="POST" action="{{ route('admin.shareholder-capital.sync') }}">
                        @csrf
                        <button type="submit" class="btn btn-secondary btn-icon" title="Sync from expenses & intakes" aria-label="Sync from expenses & intakes">
                            <i class="fi fi-rr-refresh" aria-hidden="true"></i>
                        </button>
                    </form>
                    <button type="submit" form="shareholder-capital-quick-add" class="btn btn-primary btn-icon" title="Add entry" aria-label="Add entry">
                        <i class="fi fi-rr-plus" aria-hidden="true"></i>
                    </button>
                </div>
                <details class="relative ml-auto">
                    <summary class="btn btn-ghost btn-icon btn-icon-sm cursor-pointer" title="Capital page info" aria-label="Capital 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));">
                        Positive amounts increase capital at risk for that partner. Use negative amounts for withdrawals once governance supports them.
                        Sync links new <strong>standalone expenses</strong>, and builds or fixes rows from <strong>bottle intakes</strong> (matching partner and ERP user).
                    </div>
                </details>
            </div>
            <div class="w-full xl:max-w-md">
                <p class="label mb-2" style="color: var(--color-ink-40);">Quick add</p>
                <form id="shareholder-capital-quick-add" method="POST" action="{{ route('admin.shareholder-capital.store') }}" class="flex flex-row justify-center items-start pt-2 gap-2">
                    @csrf
                    <select name="shareholder_id" class="input" required>
                        <option value="">Partner…</option>
                        @foreach ($shareholders as $sh)
                            <option value="{{ $sh->id }}">{{ $sh->display_name }}</option>
                        @endforeach
                    </select>
                    <input type="number" name="amount" class="input" placeholder="Amount" step="0.01" required>
                    <input type="datetime-local" name="contributed_at" class="input" value="{{ old('contributed_at', now()->format('Y-m-d\TH:i')) }}" required>
                    <input type="text" name="notes" class="input" placeholder="Notes (optional)">
                </form>
            </div>
        </div>
    </section>

    <section class="card">
        <div class="overflow-x-auto">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>When</th>
                        <th>Partner</th>
                        <th>Amount</th>
                        <th>Source</th>
                        <th>Link</th>
                        <th>Notes</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($contributions as $c)
                        <tr>
                            <td style="white-space: nowrap; color: var(--color-ink-70);">{{ $c->contributed_at?->format('d M Y, H:i') }}</td>
                            <td class="font-semibold">{{ $c->shareholder?->display_name }}</td>
                            <td>{{ number_format((float) $c->amount, 2) }}</td>
                            <td><span class="badge badge-muted">{{ $c->source?->label() ?? $c->source }}</span></td>
                            <td style="font-size: 0.8rem; color: var(--color-ink-70);">
                                @if ($c->expense_id)
                                    Expense #{{ $c->expense_id }}
                                @elseif ($c->bottle_intake_id)
                                    Intake #{{ $c->bottle_intake_id }}
                                @else
                                    —
                                @endif
                            </td>
                            <td style="color: var(--color-ink-70);">{{ \Illuminate\Support\Str::limit($c->notes, 48) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-10" style="color: var(--color-ink-70);">No capital movements yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-5">
            {{ $contributions->links() }}
        </div>
    </section>
@endsection