<style>
    table {
        font-size: 10px;
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
        word-wrap: break-word;
    }

    th,
    td {
        border: 1px solid black;
    }

    th,
    td {
        padding: 4px;
        text-align: left;
        /* border: 1px solid #ddd; */
    }

    th {
        text-align: left;
    }

    .page-break {
        page-break-after: always;
    }

    .header {
        font-size: 22px;
        text-align: center;
        margin-bottom: 20px;
    }

    .logo {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
</style>
<div class="header">
    <h2>{{ $general->site_name }}</h2>
</div>

<h3>List Of Debt Not Cleared Users</h3>

<table>
    <tr>
        <th>User Id</th>
        <th>User Name</th>
        <th>Email Id</th>
        <th>Contact Number</th>
        <th>Total Debt</th>
    </tr>
    @foreach ($users as $trx)
        <tr>
            <td>{{ $trx->system_id }}</td>
            <td>{{ $trx->username }}</td>
            <td>{{ $trx->email }}</td>
            <td>{{ $trx->mobile }}</td>
            <td>
                {{ showAmount($trx->current_debt_value) }}
            </td>
        </tr>
    @endforeach
</table>
