<div class="context-main-bg context-main p-3">
    <legend class="text-center">Add WIP</legend>
    <hr>
    {ADMIN_BREADCRUMBS}
    <form method="post">
        <fieldset>
            <!-- Title -->
            <div class="mb-3 row">
                <label for="title" class="col-lg-5 col-form-label text-end">Title:</label>
                <div class="col-lg-3">
                    <input type="text" class="form-control" name="title" id="title" required>
                </div>
            </div>

            <!-- Progress -->
            <div class="mb-3 row">
                <label for="progress" class="col-lg-5 col-form-label text-end">Progress:</label>
                <div class="col-lg-3">
                    <input type="text" class="form-control" name="progress" id="progress" required>
                </div>
            </div>

            <!-- Start Month/Year -->
            <div class="mb-3 row">
                <label for="startDate" class="col-lg-5 col-form-label text-end">Start Month/Year:</label>
                <div class="col-lg-3">
                    <input type="month" class="form-control" name="startDate" id="startDate" required>
                </div>
            </div>

            <!-- Description -->
            <div class="mb-3 row">
                <label for="description" class="col-lg-5 col-form-label text-end">Description:</label>
                <div class="col-lg-3">
                    <textarea class="form-control" name="description" maxlength="2000" rows="5" cols="50" id="description"></textarea>
                </div>
            </div>

            <!-- Hidden Token -->
            <input type="hidden" name="token" value="{TOKEN}">

            <!-- Submit Button -->
            <div class="text-center">
                <button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Create</button>
            </div>
        </fieldset>
    </form>
</div>