JacobGrisham/YelpCamp

<%- include ("../partials/default-main") %>
<%- include ("../partials/nav") %>

<div id="user-page" class="container">
    <div class="row d-flex justify-content-center text-center mb-4">
        <div class="col-md-4 p-3">
            <h1 class="card p-3 mb-4 dark-brown"><%=user.username%></h1>
            <!--<img src="<%=user.avatar%>" alt="User's profile image">-->
        </div>
    </div>
    <div class="row d-flex justify-content-center text-center mb-4">
        <div class="col-md-4 p-3">
            <div class="card p-3 mb-4 light-brown">
                <h5><%=user.username%>'s campgrounds:</h5>
                <ul class="list-unstyled">
                    <% campgrounds.forEach(function(campground) { %>
                        <li><a href="/campgrounds/<%=campground.id%>"><%=campground.name%></a></li>
                    <% }); %>
                </ul>
            </div>
        </div>
    </div>
    <!-- UPDATE USER INFORMATION -->
    <!--
    <form action="/register" method="POST">
        <div class="form-group">
            <label for="avatar">Avatar URL</label>
            <input class="form-control" id="avatar" type="text" name="avatar" placeholder="Please, no NSFW">
        </div>
        <div class="form-group">
            <label for="firstName">First Name</label>
            <input class="form-control" id="firstName" type="text" name="firstName" placeholder="Happy">
        </div>
        <div class="form-group">
            <label for="lastName">Last Name</label>
            <input class="form-control" id="lastName" type="text" name="lastName" placeholder="Camper">
        </div>
        <div class="form-group">
            <button class="btn btn-lg btn-block btn-success">Submit</button>
        </div>
    </form>
    -->
</div>

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