<div class="col-md-6 blogPost">
    <h1 class="text-center">New Post</h1>

    <form action="/admin" method ="post" class="p-2">
        <!-- Post category -->
        <div class="form-group">
            <input class="form-control" type="text" name="add_post_category" required>
            <label class="w3-label w3-validate">Category</label>
        </div>
        <!-- Post name -->
        <div class="form-group">
            <input class="form-control" type="text" name="add_post_name" required>
            <label class="w3-label w3-validate">Name</label>
        </div>
        <!-- Post header picture -->
        <div class="form-group">
            <input class="form-control" type="text" name="add_post_picture" value="n/a" required>
            <label class="w3-label w3-validate">Picture</label>
        </div>

        <!-- Post date -->
        <div class="form-group">
            <input class="w3-input" type="date" name="add_post_date" required>
            <label class="w3-label w3-validate">Date</label>
        </div>
        <div class="text-center">
            <input type="submit" name="submit" value="Add"
                      class="btn btn-lg btn-secondary"/>
        </div>
    </form>
</div>