<%- include('header.ejs') -%>
    <form enctype='multipart/form-data' method='POST' action='/api/form/follow'>
        <h1>User</h1>
        <div class='form-message'></div>
        <div class='user'>
            <p>
                <b>@<%= id %></b>
            </p>
            <details>
                <summary> <%= following.length %> following</summary>
                <% for (let user of following) { %>
                    <a href='/client/user?id=<%= user.target %>'><%= user.target %></a>
                <%} %>
            </details>
            <details>
                <summary> <%= followers.length %> followers</summary>
                <% for (let user of followers) { %>
                    <a href='/client/user?id=<%= user.username %>'><%= user.username %></a>
                <%} %>
            </details>
            <input name='target' hidden value="<%= id %>">
            <input type='submit' value="Follow">
        </div>
    </form>
    <div class='area'>
        <h1>Uploaded Videos</h1>
        <div class=' videos'>
            <%- include('videos.ejs') -%>
        </div>
    </div>
    <%- include('comments.ejs') -%>
        <%- include('footer.ejs') -%>