@extends('layouts/frontend/layoutFrontend')

@section('title', 'Skeniranje')

@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">
    <!-- Preloader start -->
    <div class="loader-mask">
        <div class="loader">
        </div>
    </div>
    <!-- Preloader end -->
    <input type="text" id="id_korisnik" value="{{ Auth::user()->id }}" hidden>
    @csrf
    <!-- Homescreen content start -->
    <section id="homescreen">
        <div id="qr-reader" style="width:100%"></div>
    </section>

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