@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