@extends('layouts.app')
@section('title', 'Tax Summary')

@include('inventory.accounting.partials.styles')

@section('content')
<div class="acc-header">
    <div><h1>Tax Summary</h1><p>Tax collected and remitted — {{ \Carbon\Carbon::parse($from)->format('M j') }} – {{ \Carbon\Carbon::parse($to)->format('M j, Y') }}</p></div>
    <form method="GET" class="acc-filters" style="margin:0;">
        <label>From <input type="date" name="from" value="{{ $from }}" class="acc-input"></label>
        <label>To <input type="date" name="to" value="{{ $to }}" class="acc-input"></label>
        <button class="acc-btn">Run</button>
    </form>
</div>

@include('inventory.accounting.partials.sub-nav')

<div class="acc-kpi-grid">
    <div class="acc-kpi positive"><div class="lbl">Collected</div><div class="val">{{ number_format($tax['collected'], 2) }}</div><div class="sub">Tax charged to customers</div></div>
    <div class="acc-kpi"><div class="lbl">Remitted</div><div class="val">{{ number_format($tax['remitted'], 2) }}</div><div class="sub">Paid to tax authority</div></div>
    <div class="acc-kpi {{ $tax['balance'] > 0 ? 'negative' : 'positive' }}"><div class="lbl">Owed</div><div class="val">{{ number_format($tax['balance'], 2) }}</div><div class="sub">Collected − remitted</div></div>
</div>

<div class="acc-card" style="color:var(--text-secondary);font-size:0.88rem;">
    <i class="fas fa-info-circle"></i> Taxes are tracked via the <strong>2200 Taxes Payable</strong> ledger account. To record a remittance, post a manual entry: debit Taxes Payable, credit your bank account.
</div>
@endsection