@(id: UUID)(implicit user: Option[models.User])

@import helper._
@import collection.JavaConverters._
@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.f) }

@main("File") {
	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
	<script src="@routes.Assets.at("javascripts/previews.js")" type="text/javascript"></script>
	<script>
    	var isPageLoaded = false;
    	var isx3dActive = false;
    	var Configuration = {};
    	Configuration.id  = "@id";
		Configuration.authenticated = @user.isDefined;
		Configuration.ptmAppletPath = "@(routes.Assets.at("plugins") + "/" + "envlib.jar")";
		Configuration.expressInstallPath = "@(routes.Assets.at("plugins") + "/" + "expressInstall.swf")";
		Configuration.iipZoomPath = "@(routes.Assets.at("plugins") + "/" + "IIPZoom.swf")";
		Configuration.jsPath = "@(routes.Assets.at("javascripts"))";
		Configuration.imagesPath = "@(routes.Assets.at("images"))";		
    </script>
    <script>
    	window.onload = function() {
    		isPageLoaded = true;
    	}
    </script>
	
	<div class="page-header">
		<h1>Metadata</h1>
	</div>	
	<div class="container-fluid">
        
      <div class="row">
      
       <div class="col-md-12">
	<div>
		<input id="getmd" class="btn btn-default btn-sm" type="submit" value="Metadata" />
		<div id="md">
		</div>
		</div>
	 </div>
  </div>
</div>	
<script language="javascript">
var mdBtn=document.getElementById('getmd');
mdBtn.onclick=function(evt){

	console.log("I am inside get md click function");

	var id="@id";

	var request=$.ajax({
					 type:'GET',
					 url:"@api.routes.Files.extract(id)"
				});
				request.done(function (response, textStatus, jqXHR){
				$('#md').text(JSON.stringify(response));
				console.log("Response =" + JSON.stringify(response));
					 });
	    }	
</script>	
		
}