{{ range . }}
    <div class="input-group input-group-lg mb-1" data-id="{{ .PlayerID }}">
        <div class="input-group-text py-1 px-2">
            <label>
                <input class="form-check-input fs-4 border-secondary mt-0" type="checkbox" value="" onchange="updateSelectedPlayers(this)">
            </label>
        </div>
        <span class="form-control py-2 px-3" style="width: 10em">{{ .PlayerName }}</span>
        <div class="form-control text-center px-2 text-secondary">
            <i class="bi bi-trophy me-3 text-warning"></i><span id="quickScore" class="text-secondary-emphasis">{{ .Score }}</span>
        </div>
        <button type="button" class="btn btn-outline-secondary" hx-get="/score/{{ .PlayerID }}" hx-target="previous #quickScore" onclick="singleCalcSpinner(this)">
            <i class="bi bi-calculator text-info"></i>
        </button>
        {{ if not (eq .UserRole "READER") }}
            <button class="btn btn-outline-secondary text-secondary-emphasis dropdown-toggle py-1" type="button" data-bs-toggle="dropdown"></button>
            <ul class="dropdown-menu dropdown-menu-end">
                <li><button class="dropdown-item text-primary fs-5" data-bs-toggle="modal" data-bs-id="{{ .PlayerID }}" data-bs-target="#editPlayerModal">
                        <i class="bi bi-person-gear fs-4 me-2"></i>Bearbeiten
                </button></li>
                <li><button class="dropdown-item text-danger fs-5" data-bs-toggle="modal" data-bs-id="{{ .PlayerID }}" data-bs-target="#deletePlayerModal">
                        <i class="bi bi-person-dash fs-4 me-2"></i>Löschen
                </button></li>
            </ul>
        {{ end }}
    </div>
{{ end }}