<templates id="template" xml:space="preserve">

    <t t-name="website.slide.upload">
        <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 class="modal-title">Upload Presentation</h3>
                    </div>
                    <div class="oe_slides_upload_loading text-center" style="display:none">
                        <h4><i class='fa fa-spinner fa-spin'></i> Uploading presentation...  </h4>
                    </div>
                    <div class="modal-body">
                        <form class="clearfix form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-4">
                                    <div class="img-thumbnail">
                                        <div class="o_slide_preview">
                                            <img src="/website_slides/static/src/img/document.png" id="slide-image" title="Content Preview" class="img-responsive"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-8">
                                    <ul class="list-group">
                                        <li class="list-group-item active">
                                            <h5 class="list-group-item-heading">
                                                <label for="upload" class="control-label">PDF or Image File</label>
                                            </h5>
                                            <input id="upload" name="file" class="form-control" accept="image/*,application/pdf" type="file"/>
                                        </li>
                                        <li class="list-group-item">
                                            <h5 class="list-group-item-heading">
                                                <label for="url" class="control-label">Youtube or Google Doc URL</label>
                                            </h5>
                                            <input id="url" name="url" class="form-control" placeholder="Youtube Video URL"/>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="name" class="control-label col-sm-2">Title</label>
                                <div class="col-sm-10">
                                    <input id="name" placeholder="Title" class="form-control" required="required"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="tag_ids" class="control-label col-sm-2">Tags</label>
                                <div class="controls col-sm-10">
                                    <input id="tag_ids" type="hidden"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="category_id" class="control-label col-sm-2">Category</label>
                                <div class="controls col-sm-10">
                                    <input id="category_id" type="hidden"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="description" class="control-label col-sm-2">Description</label>
                                <div class="controls col-sm-10">
                                    <textarea id="description" rows="4" placeholder="Description" class="form-control"></textarea>
                                </div>
                            </div>
                            <canvas id="data_canvas" style="display: none;"></canvas>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-loading-text="Loading..." class="btn btn-primary save">Save as Draft</button>
                        <button type="button" data-loading-text="Loading..." data-published="true" class="btn btn-primary save">Save and Publish</button>
                        or
                        <a href="#" data-dismiss="modal" aria-hidden="true">Discard</a>
                    </div>
                </div>
            </div>
        </div>
    </t>

</templates>
