<div class="my-4">
    <div class="offset-md-2 col-8 py-3 context-main-bg">
        <legend class="text-center">Add Bookmark</legend>
        <hr>
        <form method="post" class="container py-4">
            <fieldset>
                <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>


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


                <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="10" cols="50" id="description"></textarea>
                    </div>
                </div>
                {folderSelect}
                <div class="mb-3 row">
                    <label for="privacy" class="col-lg-5 col-form-label text-end">Privacy</label>
                    <div class="col-lg-3">
                        <select id="privacy" name="privacy" class="form-control">
                            <option value="private">Private</option>
                            <option value="public">Public</option>
                        </select>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label for="color" class="col-lg-5 col-form-label text-end">Color</label>
                    <div class="col-lg-3" id="colorContainer">
                        {colorSelect}
                    </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 atb-green-bg btn-lg">Create</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>