<% include ../_layouts/adminheader %>
<h2 class="admin-page__main-title">Add a Video</h2>
<% include ../_layouts/messages/messages %>
<% include ../_layouts/messages/errors %>
<button class="admin-button admin-button--add-something">
    <a href="/admin/add-media"><i class="fa fa-hand-point-left"></i></a>
</button>
    <form method="post" action="/admin/add-media/upload-video" class="admin-form">
        <div class="admin-form__form-options">
            <div class="admin-form__group">
                <label for="">Title</label>
                <input type="text" class="form-control" name="title" value="<%= title %>" placeholder="Title">
            </div>
            <div class="admin-form__group">
                <label for="">Alt</label>
                <input type="text" class="form-control" name="alt" value="<%= alt %>" placeholder="Alt Tag">
            </div>
            <div class="admin-form__group">
                <label for="">Category</label>
                <select name="category" class="form-control">
                    <% categories.forEach(function(category){ %>
                    <option value="<%= category._id %>">
                            <%= category.title %>
                        </option>
                    <% }); %>
                </select>
            </div>
            <div class="admin-form__group">
                <label for="">Image</label>
                <input type="file" class="form-control" name="image" id="img">
                <img src="#" id="imgPreview" alt="">
            </div>
        </div>
        <button class="admin-button admin-button--submit">Submit</button>
    </form>
    <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                let reader = new FileReader();
                reader.onload = function (e) {
                    $("#imgPreview").attr("src", e.target.result).width(100).height(100);
                }
                reader.readAsDataURL(input.files[0])
            }
        }
        $("#img").change(function () {
            readURL(this);
        })
    </script>
<% include ../_layouts/adminfooter %>