@extends('layouts.main')
@section('content')
    <div class="container" style="overflow: scroll">
        <h3 class="mb-3">Transaction Table</h3>
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover align-middle">
                <thead class="table-dark">
                    <tr>
                        <th>User ID</th>
                        <th>Amount</th>
                        <th>Balance Before Tax</th>
                        <th>Tax Amount</th>
                        <th>Taxable Amount</th>
                        <th>Tax Percentage</th>
                        <th>Balance After Tax</th>
                        <th>Status</th>
                        <th>Type</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($taxreport as $item)
                        <tr>
                            <td>{{$loop->iteration}}</td>
                            <td>{{ $item->amount }}</td>
                            <td>{{ $item->balance_before_tax }}</td>
                            <td>{{ $item->tax_amount }}</td>
                            <td>{{ $item->taxable_amount }}</td>
                            <td>{{ $item->tax_percentage }}</td>
                            <td>{{ $item->balance_after_tax }}</td>
                            <td><span class="badge bg-success">Completed</span></td>
                            <td>Credit</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection