<table class="table table-striped">
    <tbody>
    @foreach($lanGames as $lanGame)
        @can('view', $lanGame)
            @php
                if (Auth::user()) {
                    $voted = $lanGame->votes->where('user_id',Auth::user()->id)->count();
                } else {
                    $voted = false;
                }
            @endphp
            <tr class="{{ $voted ? 'bg-primary' : '' }}">
                <td>
                    <form>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox"
                                   class="custom-control-input"
                                   id="lan_game_{{ $lanGame->id }}"
                                   {{ $voted ? 'checked' : '' }}
                            >
                            <label class="custom-control-label" for="lan_game_{{ $lanGame->id }}">{{ $lanGame->game_name }}</label>
                        </div>
                    </form>
                </td>
                <td>
                    @foreach($lanGame->votes as $vote)
                        @include('pages.users.partials.avatar', ['user' => $vote->user])
                    @endforeach
                </td>
                <td class="text-right pr-0">
                    @canany(['update', 'delete'], $lanGame)
                        @include('pages.lan-games.partials.actions-dropdown', ['lanGame' => $lanGame])
                    @endcanany
                </td>
            </tr>
        @endcan
    @endforeach
    </tbody>
</table>

<table class="table table-striped">
    <tbody>
    @foreach($lanGames as $lanGame)
        @can('view', $lanGame)
            @php
                if (Auth::user()) {
                    $voted = $lanGame->votes->where('user_id',Auth::user()->id)->count();
                } else {
                    $voted = false;
                }
            @endphp
            <tr class="{{ $voted ? 'bg-primary' : '' }}" onclick="document.getElementById('lan_game_{{ $lanGame->id }}').checked = ! document.getElementById('lan_game_{{ $lanGame->id }}').checked">
                <td>
                    <form>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox"
                                   class="custom-control-input"
                                   id="lan_game_{{ $lanGame->id }}"
                                   {{ $voted ? 'checked' : '' }}
                            >
                            <label class="custom-control-label" for="lan_game_{{ $lanGame->id }}">{{ $lanGame->game_name }}</label>
                        </div>
                    </form>
                </td>
                <td>
                    @foreach($lanGame->votes as $vote)
                        @include('pages.users.partials.avatar', ['user' => $vote->user])
                    @endforeach
                </td>
                <td class="text-right pr-0">
                    @canany(['update', 'delete'], $lanGame)
                        @include('pages.lan-games.partials.actions-dropdown', ['lanGame' => $lanGame])
                    @endcanany
                </td>
            </tr>
        @endcan
    @endforeach
    </tbody>
</table>

Allow clicking anywhere in row to toggle checkbox
Allow clicking anywhere in row to toggle checkbox
