<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 Users</h3>

<table>
    <tr>
        <th>{{ __('UserId') }}</th>
        <th>{{ __('Username') }}</th>
        <th>{{ __('Name') }}</th>
        <th>{{ __('Email') }}</th>
        <th>{{ __('Mobile') }}</th>
        <th>{{ __('App downloaded at') }}</th>
        <th>{{ __('coupon issued') }}</th>
    </tr>
    @foreach($users as $row)
        <tr>
            <td>{{ $row->system_id }}</td>
            <td>{{ $row->username }}</td>
            <td>{{ $row->fullname }}</td>
            <td>{{ $row->email }}</td>
            <td>+{{ $row->mobile }}</td>
            <td>{{ $row->app_downloaded_at ? $row->app_downloaded_at->format('d-m-Y h:i A') : null }}</td>
            <td>{{ $row->coupon_issued_at ? 'yes' : 'no' }}</td>
        </tr>
    @endforeach
</table>

