@extends('layouts.admin')
@section('title', 'Bank reconciliation')
@section('content')
@php
  $openLines = $bankStatements->sum('open_lines_count');
@endphp
<x-admin.page title="Bank reconciliation" subtitle="Import statements, match lines, and lock reconciliations.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Statements</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $bankStatements->total() }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Open lines (page)</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $openLines }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Imported (page)</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $bankStatements->where('status','imported')->count() }}</div></x-admin.card>
    </div>

    <x-admin.advanced-table
        id="bank"
        :columns="['period'=>'Period','status'=>'Status','open'=>'Open lines','actions'=>'Actions']"
    >
        <thead>
            <tr>
                <th data-col="period">Period</th>
                <th data-col="status">Status</th>
                <th data-col="open">Open lines</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($bankStatements as $statement)
                <tr>
                    <td data-col="period" class="font-medium">
                        {{ $statement->period_start->format('d M Y') }}
                        <span class="text-[#6d7175]">→</span>
                        {{ $statement->period_end->format('d M Y') }}
                    </td>
                    <td data-col="status"><x-admin.badge tone="info">{{ $statement->status }}</x-admin.badge></td>
                    <td data-col="open">{{ $statement->open_lines_count }}</td>
                    <td data-col="actions" class="text-right">
                        <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.bank.show', $statement) }}">Reconcile</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="4" class="p-12 text-center text-[#6d7175]">No bank statements imported.</td></tr>
            @endforelse
        </tbody>
        <x-slot:footer>{{ $bankStatements->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection