@extends('profilelayout')
@section('content')
    <div class="uploadheader">
        <h3 id="upheader">Upload</h3>
    </div>
    <div class="wrapper">
        <div class="ulcontainer" style="white-space: nowrap; padding: 0px; height: 100%;">
	    <div class="form-group">
            <div class="form-group">
                <div class="">
                    {!! Form::text('videotitle', null, ['id' => 'videotitle', 'class' => 'form-control', 'placeholder' => 'Video Title']) !!}
                </div>
            </div>
                <div class="">
                    {!! Form::text('interpret', null, ['id' => 'interpret', 'class' => 'form-control', 'placeholder' => 'Artist']) !!}
                </div>
            </div>
            <div class="form-group">
                <div class="">
                    {!! Form::text('songtitle', null, ['id' => 'songtitle', 'class' => 'form-control', 'placeholder' => 'Songtitle']) !!}
                </div>
            </div>
            <div class="form-group">
                <div class="">
                    {!! Form::text('imgsource', null, ['id' => 'imgsource', 'class' => 'form-control', 'placeholder' => 'Video Source']) !!}
                </div>
            </div>
            <div class="form-group">
                <div class="">
                    <?php
                        $categories = [];
                        foreach(App\Models\Category::all() as $cat)
                            $categories[$cat->id] = $cat->name;
                    ?>
                    {!! Form::select('category', $categories, 8, ['id' => 'category', 'class' => 'form-control']) !!}
                </div>
            </div>
            <div class="form-group">
                <div class="blah">
                    {!! Form::checkbox('nsfw', 'true', false, ['id' => 'nsfw']) !!} <label id="nsfw" for="nsfw">NSFW?</label>
                </div>
            </div>
            <div class="form-group">
                <div class="ultags">
                    {!! Form::text('tags', null, ['id' => 'tags_upload', 'class' => 'form-control', 'placeholder' => 'Input tags...', 'name' => 'tags', 'data-role' => 'tagsinput']) !!}
                </div>
	    </div>
<div class="form-group">
    @include('partials.flash')
    <br>
        <div id="dragndrop" class="form-group col-md-3" data-uploadlimit="{{ isset($user) ? ($user->can('break_max_filesize') ? 'false' : 'true') : 'true' }}">
            <a id="dragndrop-link" href="#">
                <span style="display: table; width: 100%; height: 100%;">
                    <span id="dragndrop-text">
                        <i class="fa fa-cloud-upload"></i><br>
                        Drop or select WebM!
                    </span>
                </span>
            </a>
        </div>
</div>

            <div class="form-group">
                <div class="col-md-12">
                    <button id="btn-upload" type="button" style="width: 100%; height: 40px;" class="btn btn-primary btn-sm"><span class="laz0r">Fire the laz0r</span>
			<span class="" id="laz0r-fire"></span>
			<span class="hidden-xs" id="shoop-laz0r"></span>
		    </button>
		    <p style="text-align:center; padding-top: 5px; white-space: normal;">Before you fire the laz0r make sure you have read the <a href="/rules">Rules</a>! <br><i>With great power comes great responsibility</i></p>
		    <p style="text-align:center; padding-top: 5px; white-space: normal;"><span id="big">10</span> uploads <span id="big">every 12 hours.</span> – Maximum filesize: <span id="big">40MB.</span> – Only <span id="big">.webm (vp8/vp9) with sound</span> allowed. Need <a href="/webm">help?</a></p>
                </div>
            </div>
        <input name="file" type="file" class="hidden" accept=".webm"></input>
    </div>
</div>
@endsection