<%- include('../partials/header') %>

<div class='content'>
    <div class='leftie'>
        <ul>
            <% if(!currentUser) { %>
                <li><a href='/search/all'>Search for blog posts</a></li>
                <li><a href='/'>About</a></li>
                <li><a href='/browsers'>Minimal browsers</a></li>
            <% } else { %>
                <li><a href='/blog/<%= currentUser.username %>'>My Blog</a></li>
                <li><a href='/blog/<%= currentUser %>/new'><strong>Create a blog post</strong></a></li>
                <li><a href='/search/all'>Search for blog posts</a></li>
                <li><a href='/'>About</a></li>
                <li><a href='/browsers'>Minimal browsers</a></li>
            <% } %>
        </ul>
    </div>
    <div class='rightie'>
        <h3><%= currentUser.username.toUpperCase() %></h3>
        <p>New blog post.</p>
        <form action="/blog" method='POST' id='newb'>
            <label>Title</label>
            <input type="text" name='post[title]' placeholder='title'>
            <label>Image</label>
            <input type="text" name='post[image]' placeholder='image url'>
            <label>Choose a tag:</label>
            <select name="post[tag]">
                <option value="life">Life</option>
                <option value="science">Science</option>
                <option value="music">Music</option>
                <option value="cinema">Cinema</option>
                <option value="travel">Travel</option>
            </select>
            <label>Body</label>
            <textarea name="post[body]" id="bod"></textarea>
            <button class='formBtn' type='submit'>Post</button>
        </form>
    </div>
</div>

<%- include('../partials/footer') %>