-<div class="table-responsive bg-white" style="max-height:500px">
    <table class="table">
        <thead>
            <tr>
                <th>{{ __('ID') }}</th>
                <th>{{ __('Serial Number') }}</th>
                <th>{{ __('Account') }}</th>
                <th>{{ __('Sub Account') }}</th>
                <th>{{ __('Main Account') }}</th>
                <th>{{ __('Total') }}</th>
                <th>{{ __('Action') }}</th>
            </tr>
        </thead>

        <tbody>

            @foreach ($accounts as $account)
                <tr>
                    <td>{{ $account->id }}</td>
                    <td>{{ $account->name }}</td>
                    <td>{{ $account->serial_number }}</td>
                    <td>{{ $account->parent_account_name }}</td>
                    <td>{{ $account->main_account_name }}</td>
                    <td>{{ $account->balance }}</td>
                    <td>
                        <i class="fas fa-eye view-details" data-name="{{ $account->name }}" data-item-id="{{ $account->id }}" styl
                            e="cursor: pointer;"></i>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>