Upload index

<?php
    session_start();
    if (isset($_SESSION["userid"])) {
    }
    else {
        header("Location: http://tobyking.co.uk/cw/login");
    }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Upload File</title>

    <link rel="icon" href="images/logo.png">
    <link rel="stylesheet" type="text/css" href="theme.css">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-1 menu">
                <ul class="nav flex-column">
                    <div class="logo"><img src="images/logo.png">
                    </div>
                    <li class="nav-item">
                        <a class="nav-link" href=""><h2 class="fas fa-tachometer-alt"></h2><br><p class="m-0">Dashboard</p></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="http://tobyking.co.uk/cw/timetable"><h2 class="far fa-calendar-alt"></h2><br><p class="m-0">Timetable</p></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href=""><h2 class="fas fa-user-graduate"></h2><br><p class="m-0">Students</p></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href=""><h2 class="far fa-user-circle"></h2><br><p class="m-0">Account</p></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="<?php session_destroy(); ?>http://tobyking.co.uk/cw/login"><h2 class="fas fa-sign-out-alt"></h2><br><p class="m-0">Logout</p></a>
                    </li>
                </ul>
            </div>
            <div class="col-11 main">
                <div class="banner bg-primary"></div>
                <div class="container-fluid content">
                    <h1 class="display-4">Upload</h1>
                    <hr>
                    <div class="container bg-light">
                        <p>Upload a file:</p>
                        <form action="upload.php" method="post" enctype="multipart/form-data">
                            <label for="fileToUpload" class="btn input-label btn-primary" id="UploadButton">Choose File</label>
                            <input type="file" name="file" id="fileToUpload" class="input-btn">
                            <br>
                            <input type="submit" value="Submit" name="submit" class="btn btn-danger"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script>
    $(document).ready(function () {
        $('input[type="file"]').change(function (e) {
            var fileName = e.target.files[0].name;
            $('#UploadButton').text(fileName)
        });
    });
</script>
</body>
</html>