@extends('layouts.admin')
@section('title', 'Bank statement')
@section('content')
<x-admin.page
    title="Bank statement"
    :subtitle="$bankStatement->period_start->format('d M Y').' → '.$bankStatement->period_end->format('d M Y')"
>
    <x-slot:actions>
        <a href="{{ route('admin.accounting.bank') }}" class="admin-btn">Back</a>
        @if($reconciliation && $reconciliation->status !== 'locked')
            <form method="post" action="{{ route('admin.accounting.bank.lock', $bankStatement) }}">@csrf
                <button class="admin-btn admin-btn-primary">Lock reconciliation</button>
            </form>
        @endif
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Statement</div>
            <div class="mt-2"><x-admin.badge tone="info">{{ $bankStatement->status }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Reconciliation</div>
            <div class="mt-2"><x-admin.badge :tone="$reconciliation?->status === 'locked' ? 'success' : 'warning'">{{ $reconciliation?->status ?? 'Import required' }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Open lines</div>
            <div class="mt-1 text-2xl font-semibold">{{ $bankStatement->lines->where('status', 'open')->count() }}</div>
        </x-admin.card>
    </div>

    <x-admin.section title="Import CSV" hint="Columns: posted_on, amount_cents, description, external_id">
        <form method="post" action="{{ route('admin.accounting.bank.import', $bankStatement) }}" enctype="multipart/form-data" class="flex flex-wrap items-end gap-3">
            @csrf
            <x-admin.field label="CSV file" name="csv" required>
                <input type="file" name="csv" accept=".csv,text/csv" class="admin-input" required>
            </x-admin.field>
            <button class="admin-btn admin-btn-primary">Import</button>
        </form>
    </x-admin.section>

    <x-admin.section class="mt-5" title="Statement lines">
        <table class="admin-table w-full">
            <thead>
                <tr>
                    <th>Posted</th>
                    <th>Description</th>
                    <th class="text-right">Amount</th>
                    <th>Status</th>
                    <th>Match target</th>
                </tr>
            </thead>
            <tbody>
                @forelse($bankStatement->lines as $line)
                    <tr>
                        <td class="text-xs text-[#6d7175]">{{ $line->posted_on?->format('d M Y') }}</td>
                        <td>{{ $line->description }}</td>
                        <td class="text-right tabular-nums {{ $line->amount_cents < 0 ? 'text-[var(--color-danger)]' : '' }}">
                            {{ number_format($line->amount_cents / 100, 2) }}
                        </td>
                        <td><x-admin.badge :tone="$line->status === 'open' ? 'warning' : 'success'">{{ $line->status }}</x-admin.badge></td>
                        <td>
                            @if($line->status === 'open')
                                <form method="post" action="{{ route('admin.accounting.bank.lines.match', [$bankStatement, $line]) }}" class="flex gap-2">
                                    @csrf
                                    <select name="matched_type" class="admin-input min-w-28"><option value="journal">Journal</option><option value="bill">Bill</option><option value="payment">Payment</option></select>
                                    <input type="number" name="matched_id" min="1" class="admin-input w-20" placeholder="ID" required>
                                    <button class="admin-btn">Match</button>
                                </form>
                            @else
                                <span class="text-xs text-[#6d7175]">{{ $line->matched_type }} #{{ $line->matched_id }}</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-8 text-center text-[#6d7175]">No lines yet — import a CSV to begin.</td></tr>
                @endforelse
            </tbody>
        </table>
    </x-admin.section>
</x-admin.page>
@endsection