<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="null">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <link rel="stylesheet" href="../style.css">

    <link rel="stylesheet" href="../signup.css">

    <link rel="stylesheet" href="../signin.css">

    <title>Admin Sign Up - High School JobFinder</title>

    <style>
        body {
            padding-top: 150px;
        }
    </style>
</head>

<body>

    <!-- navigation bar -->
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="">High School JobFinder</a>

        <ul class="navbar-nav mr-auto ml-3">
            <a class="nav-item nav-link" href="/employer-portal/employer-jobview">My Jobs</a>
            <a class="nav-item nav-link" href="/employer-portal/employer-jobcreate">Create Jobs</a>
            <a class="nav-item nav-link active" href="/employer-portal/employer-editprofile">Edit Profile</a>
        </ul>

        <ul class="navbar-nav ml-auto mr-3">
            <li class="nav-item dropdown">

                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
                    Account
                </a>

                <div class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
                    <a class="nav-item nav-link active" href="/employer-portal/employer-editprofile">Edit Account</a>
                    <a class="nav-item nav-link" href="/logout">Logout</a>
                </div>

            </li>
        </ul>
    </nav>


    <div class="row">

        <div class="col">
            <div class="signup-form" style="width: 800px;">

                <!-- form to edit their profile -->
                <form action="/employer-portal/employer-editprofile" method="POST">

                    <h2>Company Name:</h2>
                    <div class="form-group">
                        <input type="text" class="form-control" name="companyName" placeholder="Company Name"
                            value="<%= user.companyName %>">
                    </div>

                    <hr>

                    <h2>Location:</h2>

                    <div class="form-group row">
                        <label for="address" class="col-sm-2 col-form-label">Address</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="address" id="address" placeholder="Address"
                                value="<%= user.address %>">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="unit" class="col-sm-2 col-form-label">Unit</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="unit" id="unit" placeholder="Unit"
                                value="<%= user.unit %>">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="city" class="col-sm-2 col-form-label">City</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="city" id="city" placeholder="City"
                                value="<%= user.city %>">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="province" class="col-sm-2 col-form-label">Province</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="province" id="province" placeholder="Province"
                                value="<%= user.province %>">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="Country" class="col-sm-2 col-form-label">Country</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="Country" id="Country" placeholder="Country"
                                value="<%= user.Country %>">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="postalCode" class="col-sm-2 col-form-label">Postal Code</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="postalCode" id="postalCode"
                                placeholder="Postal Code" value="<%= user.postalCode %>">
                        </div>
                    </div>

                    <hr>

                    <h2>Company Website:</h2>

                    <div class="form-group">
                        <input type="text" class="form-control" name="companyWebsite" placeholder="Company Website"
                            value="<%=user.companyWebsite %>">
                    </div>

                    <hr>

                    <h2>Company Description:</h2>

                    <div class="form-group">
                        <textarea type="text" name="companyDescription" rows="3" style="height:100%;" class="form-control md-textarea" placeholder="Company Description"><%=user.companyDescription %></textarea>
                    </div>

                    <hr>

                    <div class="form-group">
                        <button type="submit" class="btn btn-primary btn-lg">Submit</button>
                    </div>

                </form>
            </div>
        </div>

        <div class="col">
            <div class="signup-form" style="width: 400px;">

                <% if (message) { %>
                    <%= message %>
                        <% } %>

                <!-- form to edit their password -->
                <form action="/changepassword" method="POST">

                    <h2>Change Password</h2>

                    <div class="form-group">
                        <input type="password" class="form-control" name="currentpassword"
                            placeholder="Current Password">
                    </div>

                    <div class="form-group">
                        <input type="password" class="form-control" name="newpassword" placeholder="New Password">
                    </div>

                    <div class="form-group">
                        <input type="password" class="form-control" name="confirmpassword"
                            placeholder="Confirm Password">
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-primary btn-lg">Submit</button>
                    </div>
                </form>
            </div>
        </div>

    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</body>


</html>