MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: slider.php

<?php

if ($id_login == "" ) { 
            
$banner = mysqli_query($koneksi, "SELECT * FROM tb_banner WHERE status='active' ORDER BY id DESC");

<?php
        if ($banner && mysqli_num_rows($banner) > 0) {
            while ($data = mysqli_fetch_assoc($banner)) {
        ?>

<div class="item">
            <a href="/index.php" target="_self">
                <img 
                    src="/uploads/fotobanner/<?php echo $data['gambar']; ?>" 
                    alt="banner"
                    style="width:100%; height:auto;"
                    loading="lazy">
            </a>
        </div>

<?php 
            }
        } else {
        ?>

<div class="item">
            <img src="/uploads/fotobanner/default.png" style="width:100%;">
        </div>

<?php } ?>

</div>
    </div>

<?php
        }
        ?>
   <div class="announcement-container">
    <div data-section="date">
        <i data-icon="news" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/home/news.svg?v=20240813);"></i>
    </div>
    <div data-section="announcements">
        <ul class="announcement-list" id="announcement_list">
                   <li><?php echo $deskripsi ?></li>
                   <li><?php echo $deskripsi ?></li>
                   <li><?php echo $deskripsi ?></li>
                </ul>
            </div>
   </div>
   </div>
   </div>

<?php
if ($id_login == TRUE) { 
?>
            <div class="loyalty-info-container" id="loyalty_info_container">
    <div class="loyalty-info">
        <div class="loyalty-info-item loyalty-point-section" id="loyalty_point_section">
            <div class="loyalty-point-badge">
                            <a href=/mobile/loyalty/event-calendar>
                                <img id="loyalty_level" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/badge/silver.svg?v=20240813" />
                    <input type=hidden id="loyalty_level_img_path" value="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/badge/" />
                </a>
            </div>
            <div class=loyalty-point-detail>
                    <span class=username><?php echo $punya_user['username'] ?></span>
                           <div class="loyalty-point-info" id="loyalty_point_info">
                                <a href=/mobile/loyalty/event-calendar>
                                    <div class=lp-label>LP</div>
                                    <div class=loyalty-point id=loyalty_point>0</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="loyalty-info-item user-info">
                        <div class=wallet-container id=wallet_container data-locked-balance=false>
                            <div class=balance-container>
                                <div class=username>
                                    <span>Dompet Anda</span>
                                </div>
                                <div class=balance>
                                    <a href=# data-toggle=dropdown>
                                        IDR <span name="mainBalance"><?php echo number_format($balance, 2, ".", ","); ?>
                                    </a>
                                    
                                </div>
                                <div class=locked-balance>
                                    <img alt="Locked Balance" loading=lazy src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/lock.svg?v=20240813">
                                    IDR <span id=total_locked_balance>-1.00 </span>
                                </div>
                            </div>
                            <div class=refresh-container>
                                 <button title="Refresh" id="refresh_balance" data-loading="false">
                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/refresh.svg?v=0">
                </button>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="loyalty-experience" id="loyalty_experience">
        <div class="xp-label">XP</div>
        <div class="loyalty-experience-progress">
            <span id="loyalty_experience_percentage">0 XP / 25,000 XP (0%)</span>
            <div class="progress" id="loyalty_experience_progress" style="width: 0%"></div>
        </div>
        <div class="daily-reward daily_reward_button" data-platform="Mobile"
             data-daily-reward-available="true"
             style="--chest-claimed-background: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/chest-claimed.webp?v=20240813);
                    --chest-available-background: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/chest-available.webp?v=20240813);">
            <a class="btn daily-reward-button" href="#"></a>
        </div>
        </div>
        </div>
        </div>
            <?php
        }
        ?>
        
        
           <script src='../bundles/Home/mobile.js' defer></script>
     <style>      
           /* Slider */
.slick-slider
{
    position: relative;

display: block;
    box-sizing: border-box;

-webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

-webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

display: block;
    overflow: hidden;

margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

height: auto;

border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

</style>