@extends('layouts.app')
@section('title', 'Ledger check')

@section('content')
<x-page-header title="Ledger check" subtitle="Proves the general ledger agrees with your orders, bills, payments and expenses">
    @can('ledger.manage')
    <form method="POST" action="{{ route('ledger.rebuild') }}" data-confirm="Every order, bill, payment and expense is posted to the ledger again. Manual entries are not touched." data-confirm-title="Rebuild the ledger?" data-confirm-label="Rebuild" data-confirm-tone="primary">
        @csrf <button class="btn btn-ghost"><i class="bi bi-arrow-repeat" aria-hidden="true"></i> Rebuild ledger</button>
    </form>
    @endcan
</x-page-header>

<div class="card mb-3 {{ $ok ? '' : 'border-danger' }}">
    <div class="card-body d-flex align-items-center gap-3">
        <span class="icon-chip {{ $ok ? 'chip-success' : 'chip-danger' }}" style="width:52px;height:52px;font-size:1.5rem"><i class="bi bi-{{ $ok ? 'shield-check' : 'shield-exclamation' }}"></i></span>
        <div>
            <div class="h5 mb-0">{{ $ok ? 'Everything matches' : 'Some figures don\'t match' }}</div>
            <div class="text-muted small">{{ $entries }} journal {{ \Illuminate\Support\Str::plural('entry', $entries) }} checked against your documents.@unless ($ok) Try <em>Rebuild ledger</em>; if it persists, the lines below show where.@endunless</div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header"><span class="card-title">Ledger vs documents</span></div>
    <div class="table-wrap">
        <table class="table table-modern table-cards align-middle mb-0">
            <thead><tr><th style="width:40px"></th><th>Check</th><th class="num">Ledger</th><th class="num">Documents</th><th class="num">Difference</th></tr></thead>
            <tbody>
            @foreach ($checks as $c)
                <tr>
                    <td class="cell-title" data-label="">@if ($c['ok'])<i class="bi bi-check-circle-fill text-success" title="Matches"></i><span class="visually-hidden">Matches</span>@else<i class="bi bi-x-circle-fill text-danger" title="Does not match"></i><span class="visually-hidden">Does not match</span>@endif</td>
                    <td data-label="Check"><span class="fw-semibold">{{ $c['label'] }}</span><span class="cell-sub cell-wrap">{{ $c['note'] }}</span></td>
                    <td class="num" data-label="Ledger">{{ money($c['ledger']) }}</td>
                    <td class="num" data-label="Documents">{{ money($c['source']) }}</td>
                    <td class="num fw-semibold {{ $c['ok'] ? 'text-success' : 'text-danger' }}" data-label="Difference">{{ $c['ok'] ? '✓' : money($c['diff']) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header"><span class="card-title">Documents not yet in the ledger</span></div>
            <ul class="list-rows">
                @foreach ($missing as $label => $n)
                    <li><div class="grow">{{ $label }}</div>@if ($n)<span class="badge-soft badge-soft-danger no-dot">{{ $n }} missing</span>@else<span class="text-success"><i class="bi bi-check2"></i> all posted</span>@endif</li>
                @endforeach
            </ul>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header"><span class="card-title">Clients &amp; vendors that differ</span></div>
            @if ($mismatches)
                <div class="table-wrap"><table class="table table-modern align-middle mb-0">
                    <thead><tr><th></th><th>Name</th><th class="num">Ledger</th><th class="num">Documents</th></tr></thead>
                    <tbody>@foreach ($mismatches as $m)<tr><td class="text-muted">{{ $m['kind'] }}</td><td><a href="{{ $m['url'] }}">{{ $m['name'] }}</a></td><td class="num">{{ money($m['ledger']) }}</td><td class="num">{{ money($m['source']) }}</td></tr>@endforeach</tbody>
                </table></div>
            @else
                <div class="card-body"><x-empty icon="check2-circle" title="Every client and vendor matches" text="Each person's ledger balance equals their document balance." /></div>
            @endif
        </div>
    </div>
</div>
@endsection