<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#161618">
    <meta name="viewport"
          content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="_token" content="{{csrf_token()}}">
    <meta name="keywords" content="Random WebMs, WebMs, Internet Videos">
    @if(auth()->check())<meta name="Description" content="Tags:@if(isset($video)) {{ $video->getTagListAttribute() }} @endif">@endif
    <meta property="og:site_name" content="w0bm.com" />
    <meta property="og:title" content="@if(isset($video)){{$video->videotitle}}@endif">
    @if(auth()->check())<meta property="og:description" content="Tags:@if(isset($video)) {{ $video->getTagListAttribute() }} @endif">@endif
    <meta property="og:image" content="@if(isset($video))/thumbs/{{str_replace(".webm","",$video->file)}}.gif"@endif/>
    @if(auth()->check())<meta property="og:video" content="@if(isset($video))/b/{{ $video->file }} @endif">@endif
    <meta property="og:url" content="@if(isset($video))/{{ $video->id }}@endif">
    <meta property="og:video:type" content="video/webm">
    <link rel="icon" href="/favicon.png">
    <title>@if(isset($video)){{ $video->id }} -@endif w0bm.com</title>
    <link rel="favicon" href="favicon.ico" type="image/ico">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/w0bmfonts.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/bootstrap-tagsinput.css">
    <link rel="stylesheet" href="/css/video-js.min.css">
    <link rel="stylesheet" href="/css/simplebar.css" />
    <link rel="stylesheet" href="/css/vjsnew.css?v=1.3.3.7">
    <link rel="stylesheet" href="/css/w0bmcustom.css?v={{ filemtime("css/w0bmcustom.css") }}">
    <link rel="alternate stylesheet" href="/css/chilledblue.css?v={{ filemtime("css/chilledblue.css") }}" title="Chilledblue">
    <link rel="alternate stylesheet" href="/css/xayd.css?v={{ filemtime("css/xayd.css") }}" title="Xayd">
    <link rel="alternate stylesheet" href="/css/glitch.css?v={{ filemtime("css/glitch.css") }}" title="Glitch">
    <link rel="alternate stylesheet" href="/css/epilepsie.css?v={{ filemtime("css/epilepsie.css") }}" title="Epilepsie">
    <script src="/js/styleswitcher.js"></script>
</head>
<body>
@if(auth()->check())
@include('partials.report')
    @include('partials.filterselect')
    @if(isset($video) && (auth()->user()->can('edit_video') || auth()->user()->id == $video->user_id))
        @include('partials.frontendedit')
	@endif
@endif
<canvas class="hidden-xs" id="bg"></canvas>

@include('partials.navigation')

<div class="wrapper">
    @yield('aside')
    <div style="width: auto; overflow: hidden; position: relative;">
	<noscript><div class="no-js">Javascript is disabled, you may want to use our nojs frontend? Click <a href="/api/user/layout?layout=4">here</a></div></noscript>
        <div class=" container">
	    @yield('content')
	</div>

    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/bootstrap-tagsinput.min.js"></script>
<script src="/js/isotope.pkgd.min.js"></script>
<script src="/js/imagesloaded.pkgd.min.js"></script>
<script src="/js/jquery.timeago.js"></script>
<script src="/js/jquery.detectmobilebrowser.js"></script>
<script src="/js/video.min.js"></script>
<script src="/js/raven.min.js"></script>
<script src="/js/simplebar.js"></script>
<script src="/js/clipboard.min.js"></script>
<script>
var clipboard = new ClipboardJS('.copylink');

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);

    e.clearSelection();
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});
</script>
@if(env('SENTRY_PUBLIC'))
<script>
    Raven.config('{{ env("SENTRY_PUBLIC") }}').install()
</script>
@endif
<script src="/js/w0bmscript.js?v={{ filemtime("js/w0bmscript.js") }}"></script>
@if(isset($video))
@else
@endif
</body>
</html>
