@foreach($characters as $char)
    <div class="character-details">
        <div class="character-image">
            <div class="character-image-container {{$char->char_race}}">
                <div class="character-icon">
                    <img
                        src="{{asset("game/character/images/characters-heads/{$char->RefObjID}.png")}}"
                        width="91" class="img-fluid" alt="character icon"/>
                </div>
            </div>
        </div>
        <span class="rank-icon rank-{{$loop->iteration}}"></span>
        <div class="character-name"
             title="{{$char->CharName16}}">{{\Str::limit($char->CharName16, 12)}}</div>
        <div id="hall_of_fame_{{$loop->iteration}}" class="points text-right">{{$char->Points ?? 0}}</div>
        <div class="vote-section vote-rank-1">
            <input type="number" id="vote_index_{{$loop->iteration}}" class="vote-input"
                   name="vote_count"
                   min="1" max="9999" placeholder="0" oninput="validateInput(this)"/>
            <button @if($character->Balance > 0)
                        onclick="vote('{{$char->CharName16}}', 'vote_index_{{$loop->iteration}}', '{{$loop->iteration}}')"
                    @else
                        disabled
                    @endif
                    class="vote-button submit-form"></button>
        </div>
    </div>
@endforeach