@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Tax Details</title>
@endsection

@section('subcontent')
    <div class="flex items-center mt-8">
        <h2 class="intro-y text-lg font-medium mr-auto">Tax Details</h2>
    </div>

    <div class="grid grid-cols-12 gap-6 mt-5">
       
        <!-- BEGIN: Data List -->
        <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">

            <div class="overflow-x-auto">
                <table class="table table-hover">
                    <thead>
                        <tr class="bg-primary text-white">
                            <th class="whitespace-nowrap">#</th>
                            <th class="whitespace-nowrap">Type</th>
                            <th class="whitespace-nowrap">Description</th>
                            <th class="whitespace-nowrap">Amount</th>
                            <th class="whitespace-nowrap">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($details as $row)
                        <tr>
                            <td>{{ ++$loop->index }}</td>
                            <td>{{ $row->type }}</td>
                            <td>{{ $row->description }}</td>
                            <td>{{ $row->amount }}</td>
                            <td>{{ $row->date }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END: Data List -->
    </div>
 
@endsection
@section('script')
 
@endsection