@extends('layouts.auth.login')


@section('content')

<video id="video" width="128" preload="auto"> 
    <source src="/videos/welcome.mp4" type="video/mp4" />

    Your browser does not support the video tag.
</video>

<div class="container welcome-container">
<div class="welcomeBox col-sm-6">
<h1 class="welcomeText">Welcome!</h1>
<h2 class="welcome-video">Watch this video to begin.</h2>

<a class="btn" onclick="playVideo()">watch</a> 
{{-- href="{{ route('customer.index') }}" --}}
</div>
</div>

<script type="text/javascript">
    // Do not name the function "play()"
    function playVideo(){
        var video = document.getElementById('video');
        video.style.display = 'block';
        
        video.play();
        video.addEventListener('ended',function(){
            window.location = '{{ route('customer.index') }}';
        });
    }
    </script>