<!-- NAVIGATION START -->
<div class="navigation_container">
    <div class="page_container">
        <div class="navigation_footer_container">
            <div class="text-center">
                <a href="{{url('/')}}" class="text-dark text-decoration-none">
                    <img src="{{asset('/assets/img/home.png')}}" alt="" />
                    <p class="mb-0 f12">Home</p>
                </a>
            </div>
            <div class="text-center">
                <a href="{{url('/search')}}" class="text-dark text-decoration-none">
                    <img src="{{asset('/assets/img/search.png')}}" alt="" />
                    <p class="mb-0 f12">Search</p>
                </a>
            </div>
            @if(Gate::check('user'))
            <div class="text-center">
                <a href="{{url('/user/gameDashboard')}}" class="text-dark text-decoration-none">
                    <img src="{{asset('/assets/img/win.png')}}" alt="" />
                    <p class="mb-0 f12">Win</p>
                </a>
            </div>
            @endif

            @if(Gate::check('user'))
            <div class="text-center">
                <a href="{{url('/user/dashboard')}}" class="text-dark text-decoration-none">
                    <img src="{{asset('/assets/img/my.png')}}" alt="" />
                    <p class="mb-0 f12">My</p>
                </a>
            </div>
            @else
            <div class="text-center">
                <a href="{{url('/login')}}" class="text-dark text-decoration-none">
                    <img src="{{asset('/assets/img/my.png')}}" alt="" />
                    <p class="mb-0 f12">My</p>
                </a>
            </div>
            @endif
        </div>
    </div>
</div>

<div id="snackbar" style="z-index:1100;"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<script>
    var btns = document.querySelectorAll('.btn');
    var clipboard = new ClipboardJS(btns);
</script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="{{asset('assets/js/jquery.validate.min.js')}}"></script>
<script src="{{asset('assets/js/custom.js')}}"></script>

<script>
    $(document).ready(function() {
        $(".slider").slick({
            infinite: true,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000
        });
    });
</script>
</body>

</html>