<!--start main wrapper-->

<main class="main-wrapper">
    <div class="container mt-5">
        <div class="upload-form">
            <h4 class="mb-3 fw-bold">Upload Videos</h4>
            <form>
                <div class="mb-3 row">
                    <div class="col-md-6">
                        <label for="title">Title</label>
                        <input type="text" class="form-control" id="title" placeholder="Write title">
                    </div>
                    <div class="mb-3 col-md-6">
                        <label for="category">Category</label>
                        <select class="form-control" id="category">
                            <option selected>Select</option>
                            <option value="1">Category 1</option>
                            <option value="2">Category 2</option>
                            <option value="3">Category 3</option>
                        </select>
                    </div>
                </div>
                <div class="mb-3">
                    <label for="description">Description</label>
                    <textarea class="form-control" id="description" rows="3" placeholder="Write description"></textarea>
                </div>
                <label for="uploadVideo">Upload Video</label>
                <div class="mb-3 upload-area">

                    <input type="file" id="uploadVideo" style="display: none;">
                    <label for="uploadVideo" class="upload-label">Tap to Upload</label>
                    <button type="button" class="btn btn-primary add-button">+</button>
                </div>
                <button type="button" class="btn btn-dark upload-btn">Upload Video</button>
            </form>
        </div>
    </div>
</main>

<!--end main wrapper-->


<!--start overlay-->
<div class="overlay btn-toggle"></div>
<!--end overlay-->