MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: pragmaticplay.php

<div class="row">
    <div class="col-md-12">
        <div class="slots-games-container">
            <div class="vendor-name">Pragmatic Play</div>
            <div class="filter-section">
                <div class="category-filter" id="filter_categories">
        <ul id="game_list" data-is-logged-in="false" style="--star-on-icon: url(//d33egg70nrp50s.cloudfront.net/Images/icons/star-on.svg?v=20240813); --star-off-icon: url(//d33egg70nrp50s.cloudfront.net/Images/icons/star-off.svg?v=20240813);">
                        <?php
                        $query = mysqli_query($koneksi, "SELECT * FROM games WHERE game_provider = 'pragmatic' ");
                        while ($data = mysqli_fetch_array($query)) {
                            ?>
                            <li class="game-item" data-game="<?php echo $data['game_name']; ?>" data-match="true">
                                <div class="wrapper-container">
                                    <img src="<?php echo $data['game_image'] ?>" alt="<?php echo $data['game_name']; ?>">
                                    </div>
                                    <div class="link-container">
                                        <a class="play-now" data-game="Gates of Olympus™" href="javascript:registerPopup({ content:'Silahkan login terlebih dahulu.' });">MAIN</a>
                                    </div>
                                </div>
                                <div class="game-name-container"><div class="game-name"><?php echo $data['game_name']; ?></div>
                            </div>
                            </li>
                            
                            <?php
                        }
                        ?>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.game-list ul {
    background-color: initial;
    padding: 10px 16px
}

.slots-games-container {
    background-color: var(--slots-games-cntr-bg,var(--default-game-page-cntr-bg))
}

.slots-games-container .filter-section input[type=text] {
    padding: 8px 10px;
    width: 100%;
    background-color: var(--slots-games-cntr-filter-input-bg,var(--default-input-bg));
    color: var(--slots-games-cntr-filter-input-color,var(--default-input-color));
    border: 1px solid var(--slots-games-cntr-filter-input-border,var(--default-input-border));
    border-radius: 50px
}

.slots-games-container .category-filter {
    display: flex;
    overflow: auto;
    gap: 10px;
    padding: 10px 0 0 0;
    background-color: var(--slots-games-cntr-category-filter-bg,var(--default-game-category-filter-bg))
}

.slots-games-container .category-filter-link {
    font-size: 14px;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    background: var(--slots-games-cntr-category-filter-link-bg,var(--default-game-category-filter-link-bg));
    color: var(--slots-games-cntr-category-filter-link-color,var(--default-game-category-filter-link-color))
}

.slots-games-container .category-filter-link.active,.slots-games-container .category-filter-link:hover {
    color: var(--slots-games-cntr-category-filter-link-hover-color,var(--default-game-list-ul-li-color));
    border-bottom: 4px solid var(--slots-games-cntr-category-filter-link-hover-border,var(--default-tab-menu-active-border))
}

.slots-games-container .game-search {
    margin-top: 5px;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    background-color: var(--slots-games-cntr-game-search-bg,var(--default-game-search-bg));
    color: var(--slots-games-cntr-game-search-color,var(--default-game-search-color))
}

</style>