@extends('layouts/frontend/layoutFrontend')

@section('title', 'Rang Lista')

@section('page-style')
<!-- Page -->
<link
    href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">
<link
    href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/slick.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/style.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/style.css')}}">

@endsection

@section('page-script')
<script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="{{asset('assets/vendor/frontend/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/slick.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/modal.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/custom.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/skener.js')}}"></script>
@endsection


@section('content')

<div class="site-content" style="padding: 20px;">

    <!-- Preloader start -->
    <div class="loader-mask">
        <div class="loader">
        </div>
    </div>

    <section id="homescreen">
        <div class="recent-found-bottom mt-16">

            <a href="javascript:void(0)">
                <div class="recent-found-bottom-wrap">
                    <h2 style="color:white">Rang lista</h2>

                </div>
            </a>

        </div>
        <div class="chat-border"></div>
        <div class="recent-found-bottom mt-16">
            @foreach($rezultati as $rezultat)
                @if($rezultat->id_korisnik)
                    <a href="javascript:void(0)">
                        <div class="recent-found-bottom-wrap">
                            <h3 style="color:white">{{$rezultat->username}}</h3>
                            <h3 style="color:white">{{$rezultat->ukupno_bodova}} bodova</h3>
                        </div>
                    </a>
                @endif
            @endforeach
        </div>
        <div class="chat-border"></div>
    </section>

    <div class="dark-overlay"></div>
</div>
@endsection