{{-- resources/views/reports/tax.blade.php --}}
@extends('layouts.app')
@section('title', 'Tax Report')
@section('page_title', 'Tax Report')
@section('page_subtitle', $from->format('d M Y') . ' — ' . $to->format('d M Y'))

@section('content')

@include('reports.partials.nav')
@include('reports.partials.filters', ['route' => 'reports.tax'])

<div class="row g-3 mb-3">
    <div class="col-md-6">
        <div class="stat-card">
            <div class="stat-icon si-warning">
                <i class="bi bi-receipt-cutoff"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($total_tax, 2) }}
                </div>
                <div class="stat-label">Total Tax Collected</div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="stat-card">
            <div class="stat-icon si-muted">
                <i class="bi bi-graph-up"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($total_net, 2) }}
                </div>
                <div class="stat-label">Net Sales (ex-tax)</div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">Tax by Rate</span>
    </div>
    @if($by_rate->isEmpty())
        <div class="card-body text-center py-4">
            <p class="text-muted mb-0" style="font-size:.8rem;">
                No taxable transactions in this period
            </p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Rate</th>
                        <th>Taxable Amount (Net)</th>
                        <th>Tax Amount</th>
                        <th>Transactions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($by_rate as $rateKey => $data)
                        <tr>
                            <td>
                                <span class="fw-bold"
                                      style="color:var(--clay);">
                                    {{ $data['rate'] }}%
                                </span>
                            </td>
                            <td style="font-size:.82rem;">
                                ${{ number_format($data['subtotal'], 2) }}
                            </td>
                            <td style="font-size:.84rem;font-weight:700;
                                       color:var(--warning);">
                                ${{ number_format($data['tax_amount'], 2) }}
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $data['count'] }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr style="background:var(--bg);">
                        <td class="fw-bold">TOTAL</td>
                        <td class="fw-bold">
                            ${{ number_format($total_net, 2) }}
                        </td>
                        <td style="font-weight:800;color:var(--clay);">
                            ${{ number_format($total_tax, 2) }}
                        </td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    @endif
</div>

@endsection