        <footer>
            <div class="container bg-gradient-dark px-3 py-3">
                <p class="text-white text-center font-weight-bold mb-0">
                    <span>Copyright &copy; <?php echo date('Y'); ?>, RTP SLOT</span> All rights reserved.
                </p>
            </div>
        </footer>

        <section class="fixed-bottom">
            <div class="container bg-gradient-dark px-0 py-0">
                <div class="sticky-menu">
                    <div class="row no-gutters align-items-center">
                        <div class="col-4">
                            <a class="menu-item" href="<?php echo $link['daftar-promo']; ?>">
                                <i class="fi fi-rr-megaphone"></i>
                                <span class="font-weight-bolder">PROMOSI</span>
                            </a>
                        </div>
                        <div class="col-4">
                            <a class="menu-item bg-gradient-gold text-white" href="<?php echo $link['ramestoto']; ?>">
                                <i class="fi fi-sr-user-add"></i>
                                <span class="font-weight-bolder">RAMESTOTO</span>
                            </a>
                        </div>
                        <div class="col-4">
                            <a class="menu-item" href="<?php echo $link['daftar-bonus']; ?>">
                                <i class="fi fi-rr-gift"></i>
                                <span class="font-weight-bolder">BONUS</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div id="modal-pola" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                <div class="modal-content bg-transparent">
                    <div class="modal-header border-0 bg-color-1 px-3 py-3">
                        <div class="modal-title w-100">
                            <h5 class="text-white mb-0">
                                <span>Tips Bermain Slot</span>
                                <strong><span class="provider-name"></span></strong>
                            </h5>
                        </div>
                        <div class="modal-close bg-red text-white" data-dismiss="modal">
                            <span><i class="fi fi-br-cross"></i></span>
                        </div>
                    </div>
                    <div id="modal-minimal">
                        <div class="modal-body border-0 bg-color-6 px-3 py-3">
                            <img class="d-block w-50 ml-auto mr-auto" src="/assets/images/sad.png" alt="RTP Slot">
                            <h5 class="text-white text-center mb-0">
                                <span>RTP Slot Ini Sedang Rendah, Silahkan Untuk Memilih Slot Dengan RTP Yang Tinggi.</span>
                            </h5>
                        </div>
                    </div>
                    <div id="modal-maximal">
                        <div class="modal-body border-0 bg-color-6 px-0 py-0">
                            <div class="list-group">
                                <div class="list-group-item bg-color-6 text-white px-3 py-1">
                                    <div class="row no-gutters justify-content-between align-items-center">
                                        <div class="col-auto"><small>Provider</small></div>
                                        <div class="col-auto"><small><strong><span class="provider-name"></span></strong></small></div>
                                    </div>
                                </div>
                                <div class="list-group-item bg-color-6 text-white px-3 py-1">
                                    <div class="row no-gutters justify-content-between align-items-center">
                                        <div class="col-auto"><small>Stake Bet</small></div>
                                        <div class="col-auto"><small>200 - 12.5K</small></div>
                                    </div>
                                </div>
                            </div>
                            <div class="d-block line-height-1 bg-color-3 px-3 py-2">
                                <p class="text-dark text-center mb-0">
                                    <small class="font-weight-bold">PAKAI POLA KHUSUS KAMI</small>
                                </p>
                            </div>
                            <div class="list-group">
                                <div class="list-group-item bg-color-6 text-white px-3 py-0">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col-auto">
                                            <p class="text-list mb-0">1</p>
                                        </div>
                                        <div class="col">
                                            <h5 class="mb-0">
                                                <strong>STEP 1 : Panaskan Mesin Slot!</strong>
                                            </h5>
                                            <p class="mb-0">
                                                <small><span class="percent-value"></span> Spin normal (manual tanpa ceklis)</small>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-group-item bg-color-6 text-white px-3 py-0">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col-auto">
                                            <p class="text-list mb-0">2</p>
                                        </div>
                                        <div class="col">
                                            <h5 class="mb-0">
                                                <strong>STEP 2 : Naikkan Bet!</strong>
                                            </h5>
                                            <p class="mb-0">
                                                <small>13X Spin normal (manual tanpa ceklis)</small>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-group-item bg-color-6 text-white px-3 py-0">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col-auto">
                                            <p class="text-list mb-0">3</p>
                                        </div>
                                        <div class="col">
                                            <h5 class="mb-0">
                                                <strong>STEP 3 : Stop Spin!</strong>
                                            </h5>
                                            <p class="mb-0">
                                                <small>13X Spin normal (manual tanpa ceklis)</small>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-group-item bg-color-6 text-white px-3 py-0">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col-auto">
                                            <p class="text-list mb-0">4</p>
                                        </div>
                                        <div class="col">
                                            <h5 class="mb-0">
                                                <strong class="text-danger">LANGKAH TERAKHIR</strong>
                                            </h5>
                                            <p class="mb-0">
                                                <small>13X Spin normal (manual tanpa ceklis)</small>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="d-block line-height-1 bg-color-3 px-3 py-2">
                                <p class="text-dark text-center mb-0">
                                    <span>LAKUKAN TIPS DARI AWAL & ULANGI</span>
                                </p>
                                <p class="text-dark text-center mb-0">
                                    <small>nyalakan bet double change jika ada</small>
                                </p>
                            </div>
                            <h5 class="text-white mb-0 px-3 py-2">
                                <strong>NOTE :</strong>
                                <span class="d-block"></span>
                                <span>JIKA TERSEDIA / INGIN MEMBELI FITUR SPIN LAKUKAN POLA DIATAS SEBANYAK 2X</span>
                            </h5>
                        </div>
                        <div class="modal-footer border-0 bg-color-1 px-0 py-0">
                            <div class="btn-group w-100 mx-0 my-0">
                                <a href="<?php echo $link['ramestoto']; ?>" class="btn btn-danger btn-login border-0 text-uppercase">
                                    <small>Login Sekaranng Di</small>
                                    <span class="d-block"></span>
                                    <span>ramestoto</span>
                                </a>
                                <a href="<?php echo $link['ramestoto']; ?>" class="btn btn-warning btn-login border-0 text-uppercase">
                                    <small>Daftar Sekarang Di</small>
                                    <span class="d-block"></span>
                                    <span>ramestoto</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            $(document).ready(function() {
                $(".carousel .carousel-inner .carousel-item:first-child").addClass('active');

                $("#provider-slider").on("slide.bs.carousel", function(e) {
                    var $e = $(e.relatedTarget);
                    var idx = $e.index();
                    var itemsPerSlide = 5;
                    var totalItems = $(".carousel-item").length;

                    if (idx >= totalItems - (itemsPerSlide - 1)) {
                        var it = itemsPerSlide - (totalItems - idx);

                        for (var i = 0; i < it; i++) {
                            // append slides to end
                            if (e.direction == "left") {
                                $(".carousel-item").eq(i).appendTo(".carousel-inner");
                            } else {
                                $(".carousel-item").eq(0).appendTo($(this).find(".carousel-inner"));
                            }
                        }
                    }
                });

                $('#modal-pola').on('show.bs.modal', function(event) {
                    var button = $(event.relatedTarget);
                    var provider = button.data('provider');
                    var percent = $('#' + button.data('percent')).text().replace('%', '');
                    var modal = $(this);

                    modal.find('.provider-name').html(provider);
                    modal.find('.percent-value').html(percent + 'X');

                    if (parseInt(percent) < 30) {
                        $('#modal-minimal').show();
                        $('#modal-maximal').hide();
                    } else {
                        $('#modal-minimal').hide();
                        $('#modal-maximal').show();
                    }
                });
            });
        </script>
        <script src="/assets/js/clock.js"></script>
        </body>

        </html>