﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"
>
  <xsl:output method="xml" indent="yes"/>

  <xsl:template match="/">
    <!--<xsl:copy>
            <xsl:apply-templates select="@* | node()"/>
        </xsl:copy>-->
    <xsl:variable name="vimeoAccessToken" select="/AjaxRequest/Params/code"></xsl:variable>
    <xsl:variable name="PortalItemId" select="/AjaxRequest/Params/PortalItemID"></xsl:variable>
    <xsl:variable name="FolderItemId" select="/AjaxRequest/Params/DestinationFolderID"></xsl:variable>
    
    <div  style=" width: 90%;  margin: 20px auto;">
      <div  class="section-title">
        <h4>Upload Video on Vimeo</h4>
      </div>
      <div style="padding-bottom:10px;">
        <input type="text" id="accessToken"  value="{$vimeoAccessToken}" class="form-control" placeholder="Vimeo access token" style="display: none;"></input>
      </div>
      <!--<div id="progress-container" class="progress" style="box-shadow:none!important;margin-bottom:0px;">
        <div id="progress" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
          0%
        </div>
      </div>-->
      <div class="row">
        <div class="col-md-12">
          <div id="results"></div>
        </div>
      </div>
      <span>Video name</span>
      <div class="form-group">
        <input type="text" name="name" id="videoName" class="form-control" placeholder="Video name" value=""></input>
      </div>
      <span>Video description</span>
      <div class="form-group">
        <textarea type="text" name="description" id="videoDescription" class="form-control"  value=""></textarea>
      </div>
      <div style="width:100%;float:left;">
        <label id ="lblbrowse" class="btn btn-block btn-info" style="width: 69px;float:left;">
          Upload <input id="browse" type="file" onchange="handleFileSelect(event,{$FolderItemId},{$PortalItemId}) " style="display: none; width:20px"></input>
        </label>
        <div id="progress-container" class="progress" style=" height: 22px; margin-bottom: 0px; float: left; margin-top: 4px;width:80%;margin-left:10px;">
        <div id="progress" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
          0%
        </div>
      </div>
      </div>
    </div>
  </xsl:template>
</xsl:stylesheet>
