<!--
  ~ Licensed to the Apache Software Foundation (ASF) under one or more
  ~ contributor license agreements.  See the NOTICE file distributed with
  ~ this work for additional information regarding copyright ownership.
  ~ The ASF licenses this file to You under the Apache License, Version 2.0
  ~ (the "License"); you may not use this file except in compliance with
  ~ the License.  You may obtain a copy of the License at
  ~
  ~    http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  ~
  -->

<div flex="100" style="border: 1px solid rgb(63,81,181);">
	<div class="assemblyOptions sp-accent-bg" style="padding:0px;margin:0px;">
	       <md-button class="md-icon-button" aria-label="Download" ng-click="ctrl.downloadZip()">
	       	<md-icon md-svg-icon="file:ic_file_download_24px" style="color: white;"> </md-icon>
	       	<md-tooltip md-direction="top">
				Download
			</md-tooltip>
	       </md-button>
	</div>	
	<div flex="100" layout="row">
		<div flex="30" class="md-padding-left">
			<h5 class="md-subhead">Generated files</h5>
			<md-list flex class="md-dense">
				<md-list-item class="md-2-line" ng-repeat="file in ctrl.extractedFiles track by $index">
					<md-button class="md-icon-button md-secondary" ng-click="ctrl.openFile(file)"><md-icon class="md-icon-avatar" md-svg-icon="action:ic_search_24px" classstyle="color: rgb(63,81,181);"></md-icon></md-button>
	          		<div class="md-list-item-text" >
	          			<h4>{{file.fileNameLabel}}</h4>
	            		<p style="font-size:12px;">{{file.fileNameDescription}}</p>
	          		</div>
				</md-list-item>
			</md-list>
		</div>
		<div flex="70">
			<pre nag-prism source="{{ctrl.currentFileContents}}" class="language-clike language-java line-numbers" style="margin-top:0px;border-radius:0px;" ng-if="ctrl.getLanguage(ctrl.currentFileName) == 'java' && ctrl.loadingCompleted"/>
		    <pre nag-prism source="{{ctrl.currentFileContents}}" class="language-xml line-numbers" style="margin-top:0px;border-radius:0px;" ng-if="ctrl.getLanguage(ctrl.currentFileName) == 'xml' && ctrl.loadingCompleted"/>
		</div>
	</div>
</div>