<%- include('header.ejs') -%>
    <div class='video-wrapper'>
        <video src='/videos/<%= videoData.id %>.webm'></video>
        <div class="progressbar">
            <div></div>
        </div>
        <div class='controls'>
            <div class='play'><img src='/static/img/play.svg' class='dark'></div>
            <div class='full'><img src='/static/img/full.svg' class='dark'></div>
        </div>
    </div>

    <form enctype='multipart/form-data' method='POST' action='/api/form/delete_video'>
        <div class='content form-input'>
            <b>
                <%= videoData.title %>
            </b>
            <p>
                <%= (new Date(videoData.date)+'').split(/(GMT|UTC)/g)[0] %>
            </p>
            <div class='avatar'>
                <img src='/pfp/<%= videoData.username %>.png' class='avatar-img'>
                <div>
                    <b><a class='link' href="/client/user?id=<%= videoData.username %>">
                            <%= videoData.username %>
                        </a></b>
                    </a>
                </div>
            </div>
        </div>
        <pre class='content form-input'><%= videoData.desc %></pre>
        <%if (username==videoData.username) { %>
            <input class='form-input' type='submit' value="Delete">
            <% } %>
                <input name='target' hidden value="<%= id %>">
    </form>
    </div>
    <%- include('comments.ejs') -%>
        <%- include('footer.ejs') -%>