@extends('Admin.layouts.app')
@section('content')
<div class="col-lg-12 col-md-12 mb-4">
    <div class="card">
        <div class="card-body p-3">
            <table class="table table-bordered">
                <tbody>
                    @foreach($chartList->chunk(10) as $chunkIndex => $recordChunk)
                        @php
                            $firstRecord = $recordChunk->first();
                            $bgColor = 'background-color: #ddddff;';                            
                        @endphp
                        <tr style="{{ $bgColor }}"> 
                            @foreach($recordChunk as $record)                       
                                <th width="2.5%">{{ $record->number }}</th>
                                <td width="7%">{{ $record->money }}</td>
                            @endforeach
                        </tr>

                    @endforeach              
                </tbody>
            </table>            
        </div>
    </div>
</div>
<style>
    .table th, .table td{
        padding: 0px;
        vertical-align: top;
    }
    .table td, .table th{
        border-color: #a2a2a2 !important;
    }
</style>
@endsection