<?php use Orchard\Feature\Feature;
    $isDeprecateHeatmapFeatureEnabled = Feature::isEnabled('deprecate_heatmap', 'enabled', $this->featureVendorContext);
?>

 <div id="content" class="container-fluid">
	<div class="row-fluid">
		<div id="bread">
			<a href="/alw"><?=$this->translate->_("home")?></a> &gt; <span class="active"><?=strtolower($this->translate->_("analytics"))?></span>
		</div>
		<h1><?=$this->translate->_("Analytics")?></h1>
	</div>

	<div class="content-box block">

		<div class="row-fluid">
			<div class="span8">
					<p class="lead"><?=$this->translate->_("More Stores")?></p>
					<span id="analyticsMoreTextToggle" class="btn btn-link"><?=$this->translate->_("See All Features")?> &gt;&gt;</span>
			</div>
			<div class="span4">
				<a class="btn btn-read btn-large btn-block" href="/analytics/overview" onclick="trackGAEvent('Analytics', 'Launch Overview', {'type':'','id':''});"><?=$this->translate->_("Go to Overview")?><!--<img class="float-right" src="/images/analytics/arrow_large_btn.png" height="15" width="45" />--></a>
				<?php if(Zend_Registry::get('UserObj')->isAllowed("","","button_iTunesHeatmap") && !$isDeprecateHeatmapFeatureEnabled){?>
				<a class="btn btn-block" href="/analytics/heatmap"><?=$this->translate->_("Go to Heatmap")?><!--<img class="float-right" src="/images/analytics/arrow_large_btn.png" height="15" width="45" />--></a>
				<?php }?>
				<?php if($this->isPhysicalLabel){?>
					<a class="btn btn-block" href="/inventory"><?=$this->translate->_("See Physical Distribution")?></a>
				<?php }?>
			</div>
		</div>

		<div id="analyticsMoreText" style="display:none">
			<div class="row-fluid">
				<div class="span3">
					<img class="v-margin" src="/images/analytics/bigpicture.jpg" />
				</div>
				<div class="span9">
					<h3><?=$this->translate->_("View At A Glance")?></h3>
					<p class="lead"><?=$this->translate->_("When you dont have time")?></p>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					<img class="v-margin" src="/images/analytics/breakdown.jpg" />
				</div>
				<div class="span9">
					<h3><?=$this->translate->_("Break It Down")?></h3>
					<p class="lead"><?=$this->translate->_("Learn whats working where")?></p>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					<img class="v-margin" src="/images/analytics/compare.jpg" />
				</div>
				<div class="span9">
					<h3><?=$this->translate->_("Compare Categories")?></h3>
					<p class="lead"><?=$this->translate->_("See how your tracks releases")?></p>
				</div>
			</div>
		</div>

	</div><!-- END .CONTENT-BOX -->
	<?php 
       if(isset($this->from_date) && isset($this->to_date)){
		    $date = new  Zend_Date();
		    $from_date = $date->set($this->from_date, 'dd-MM-YY');
	         $startDate = $from_date->get(Zend_Date::MONTH_NAME) .'  ' . $from_date->get(Zend_Date::DAY_SHORT);
		    
		    $date = new  Zend_Date();
		    $to_date = $date->set($this->to_date, 'dd-MM-YY');
	        $endDate = $to_date->get(Zend_Date::MONTH_NAME) .' ' . $to_date->get(Zend_Date::DAY_SHORT). ', '.$to_date->get(Zend_Date::YEAR);
       }
    ?>
    
	<div class="row-fluid">
		<div class="span12">
			<h3><?=$this->translate->_("Top Downloads Last Month")?> </h3>
			<span class="text-small text-grey"><i><?=$startDate.' - '.$endDate ?></i></span>
		</div>
	</div>

	<div class="row-fluid">
		<div id="top-artists-chart" class="span4 panel">
			<div class="panel-header" id="artist_header">
				<h5><?=$this->translate->_("Top Artists")?></h5>
				<span class="text-small text-grey"><i><?=$this->translate->_("by Track Downloads")?></i></span>
			</div>
			<div id="talistcontainer">
				<div class="center loading artist"><b>Loading...</b></div>
				<ul id="artists_list" class="table table-bordered table-hover">
				</ul>
			</div>
			<div class="data-sources">
				<div class="helptip">
					Data sources
					<div class="helptip-content">
						<h6>Sales data comes from the following stores:</h6>
						<p>Amazon, eMusic, iTunes, MusicLoad, Nokia</p>
					</div>
				</div>
			</div>
		</div>

		<div id="top-releases-chart" class="span4 panel"> 
			<div class="panel-header"  id="album_header">
				<h5><?=$this->translate->_("Top Releases")?></h5>
				<span class="text-small text-grey"><i><?=$this->translate->_("By Album Downloads, Video Downloads")?></i></span>
			</div>
			<div id="talbumlistcontainer">
				<div class="center loading release"><b>Loading...</b></div>
				<ul id="releases_list" class="table table-bordered table-hover">
				</ul>
			</div>
			<div class="data-sources">
				<div class="helptip">
					Data sources
					<div class="helptip-content">
						<h6>Album sales data comes from the following stores:</h6>
						<p>Amazon, eMusic, iTunes, Nokia</p>
						<h6>Video sales data comes from the following stores:</h6>
						<p>iTunes, Myxer, Xbox</p>
					</div>
				</div>
			</div>
		</div>

		<div id="top-tracks-chart" class="span4 panel">
			<div class="panel-header" id="track_header">
				<h5><?=$this->translate->_("Top Tracks")?></h5>
				<span class="text-small text-grey"><i><?=$this->translate->_("by Track Downloads")?></i></span>
			</div>
			<div id="ttrackcontainer">
				<div class="center loading track"><b>Loading...</b></div>				
				<ul id="tracks_list" class="table table-bordered table-hover">
				</ul>
			</div>
			<div class="data-sources">
				<div class="helptip">
					Data sources
					<div class="helptip-content">
						<h6>Sales data comes from the following stores:</h6>
						<p>Amazon, eMusic, iTunes, MusicLoad, Nokia</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/x-handlebars-template" id="downloads">
<div class="analyticsTableRowDiv row-fluid" style="cursor: pointer;">
	<div class="span2">
		<div class="albumImage text-center image-vert-center">
			<img src="{{artistImage}}{{albumImage}}{{trackImage}}">
		</div>
	</div>
	<div class="span7">
		<b class="ellipsis pull-left">{{getTitle artistname catalogname isrcname}}</b>
		<b class="ellipsis text-grey text-smallest pull-left">{{getAuthor artistname catalogname isrcname}}</b>
	</div>
	<div class="albumUnits span3 vert-border" style="display: block;">
		<span class="pull-right" amount="{{activities}}"><b>{{activities}}</b></span>
	</div>
	<div class="albumUnits hover span3 vert-border" style="display: none;">
		<div class="pull-right">
			<span class="hover"><b class="text-small"><?=$this->translate->_('More')?></b> 
				<img src="/images/icons/detailArrow.png">
			</span>
		</div>
	</div>
</div>
</script>
<script type="text/x-handlebars-template" id="see_all_features">
	<?=$this->translate->_("See All Features")?> >>
</script>
<script type="text/x-handlebars-template" id="collapse_features">
<?=$this->translate->_("Collapse Features")?> ^^
</script>
