<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Intelligent Storage System</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="/stylesheets/app.css">
        <link rel="shortcut icon" type="image/png" href="/media/favicon.png">
    </head>
    <body>
        <div id="page-container">
            <div id="content-wrap">
                <div class="container h-100" align="center">
                    <div class="jumbotron" >
                        <img id="c-image" class="img-fluid" src="/media/C_Design_Lab.png" alt="C Design Lab">
                        <h1>Intelligent Storage System</h2>
                        <div class="container" id="landing-container">
                            <h2>Login credentials</h1>
                            <form class="col-9" action="/landing" method="POST">
                                <input class="col-lg-3 col-sm-9" type="text" name="username" placeholder="username">
                                <input class="col-lg-3 col-sm-9" type="password" name="password" placeholder="password">
                                <input class="col-lg-1 col-sm-3 landing-text" type="submit" value="Login">
                            </form>
                            <h2>Register new user</h1>
                            <form class="col-9" action="/register" method="POST">
                                <input class="col-lg-3 col-sm-9" type="text" name="username" placeholder="username">
                                <input class="col-lg-3 col-sm-9" type="password" name="password" placeholder="password">
                                <input class="col-lg-1 col-sm-3 landing-text" type="submit" value="Register">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <% if(error && error.length > 0){ %>
                        <div class="alert alert-danger" role="alert">
                            <%= error %>
                        </div>
                    <% } %>
                    <% if(success && success.length > 0){ %>
                        <div class="alert alert-success" role="alert">
                            <%= success %>
                        </div>
                    <% } %>
                </div>

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