@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('Korisnici') }}
@endsection

@section('title')
    Pregled videa
@endsection
@section('head-scripts')
    <script src="https://cdn.jwplayer.com/libraries/YOLxIZIB.js"></script>
@endsection
@section('content')
    <div id="myElement"></div>

@endsection

@section('scripts')
    @parent
    <script type="text/JavaScript">

        jwplayer("myElement").setup({
            "playlist": [{
                "file": `{{ request()->get('link') }}`
            }]
        });

        if((localStorage.getItem('video_{{ request()->route()->parameters['id']}}_watched') ?? 0) != 1){
            jwplayer().on('ready', function () {
                let maxPlayPosition = localStorage.getItem('seekPosition{{ request()->route()->parameters['id'] }}') ?? 0;
                let seeking = false;
                let position = localStorage.getItem('seekPosition{{ request()->route()->parameters['id'] }}') ?? false;

                if(position){
                    jwplayer().seek(position)
                }

                jwplayer().on('time', function (event) {
                    if (!seeking) maxPlayPosition = Math.max(event.position, maxPlayPosition);
                    if(event.seekRange.end ==  event.position) {
                        localStorage.setItem('video_{{ request()->route()->parameters['id']}}_watched', 1);
                        localStorage.setItem('seekPosition{{ request()->route()->parameters['id'] }}', event.position);
                    }
                }).on('seek', function (event) {
                    if (!seeking) {
                        if (event.offset > maxPlayPosition) {
                            seeking = true;
                            setTimeout(function () {
                                jwplayer().seek(maxPlayPosition)
                            }, 100)
                        }
                    } else seeking = false
                });
            })
            window.onbeforeunload = () => {
                if(localStorage.getItem('seekPosition{{ request()->route()->parameters['id'] }}') ?? 0 > maxPlayPosition){
                    localStorage.setItem('seekPosition{{ request()->route()->parameters['id'] }}', jwplayer().getPosition());
                }
            };
        }


    </script>
@endsection