{{ define "home_player_bar" }}

<div class="row mt-3 justify-content-between align-items-center">
    <div class="col-auto">
        <div class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-outline-secondary text-secondary-emphasis py-1 px-3"><i class="bi bi-check-square fs-4"></i></button>
            <button type="button" class="btn btn-outline-secondary text-secondary-emphasis py-1 px-3"><i class="bi bi-square fs-4"></i></button>
        </div>
    </div>
    <div class="col px-0">
        <span class="badge fs-5 w-100 text-secondary-emphasis">0 von 0 ausgewählt</span>
    </div>
    <div class="col-auto">
        <div class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-outline-secondary text-danger py-1 px-3" id="home-player-delete" disabled>
                <i class="bi bi-person-dash fs-4"></i>
            </button>
            <button type="button" class="btn btn-outline-secondary text-primary py-1 px-3" id="home-player-edit" disabled>
                <i class="bi bi-person-gear fs-4"></i>
            </button>
            <button type="button" class="btn btn-outline-secondary text-success py-1 px-3" id="home-player-add" data-bs-toggle="modal" data-bs-list="#home-player-list" data-bs-target="#addPlayerModal" disabled>
                <i class="bi bi-person-add fs-4"></i>
            </button>
        </div>
    </div>
</div>

<script lang="javascript">
    document.addEventListener('DOMContentLoaded', function() {
        setupPlayerButtons('home-clan', 'home-player-list', 'home-player-delete', 'home-player-edit', 'home-player-add');
    });
</script>

{{ end }}