@foreach ($accounts as $key=>$transactions)
    <h3 class="text-center mt-3 mb-3">
        {{ $key }}
    </h3>
    @foreach ($transactions as $transaction)
        <div class="bg-white p-3 rounded mb-4">
            <div class="table-responsive"> 
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th colspan="4" class="transaction-details">
                                <span class="detail mx-3">
                                    {{ __('Description') }}: {{ $transaction->serial }}
                                </span>
                                <span class="detail mx-3">{{ __('Date') }}: {{ $transaction->date }} </span>
                                <span class="detail">{{ __('Serial Number') }}: {{ $transaction->serial }}</span>
                            </th>
                        </tr>
                        <tr>
                            <th scope="col"> {{ __('Description') }}</th>
                            <th scope="col">{{ __('Credit') }}</th>
                            <th scope="col">{{ __('Debit') }}</th>
                            <th scope="col">{{ __('Account Amount') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $transaction->description_acc }}</td>
                            <td>{{ $transaction->cr }}</td>
                            <td>{{ $transaction->dr }}</td>
                            <td>{{ $transaction->account_amount }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach
@endforeach