<link rel="stylesheet" type="text/css" href="plugins/Goals/templates/goals.css" />

{include file="Goals/templates/title_and_evolution_graph.tpl"}
{assign var=sum_nb_conversions value=$nb_conversions}

{foreach from=$goalMetrics item=goal}
	{assign var=nb_conversions value=$goal.nb_conversions}
	{assign var=nb_visits_converted value=$goal.nb_visits_converted}
	{assign var=conversion_rate value=$goal.conversion_rate}
	{assign var=name value=$goal.name}

<div class="goalEntry">
	<h2>
		<a href="javascript:broadcast.propagateAjax('module=Goals&action=goalReport&idGoal={$goal.id}')">
		{'Goals_GoalX'|translate:"'$name'"}
		</a>
	</h2>
	<div id='leftcolumn'>
		<div class="sparkline">{sparkline src=$goal.urlSparklineConversions}
			{'Goals_Conversions'|translate:"<strong>$nb_conversions</strong>"}
			{if $goal.goalAllowMultipleConversionsPerVisit}
				({'VisitsSummary_NbVisits'|translate:"<strong>$nb_visits_converted</strong>"})
			{/if}
		</div>
	</div>
	<div id='rightcolumn'>
		<div class="sparkline">{sparkline src=$goal.urlSparklineConversionRate}
		{'Goals_ConversionRate'|translate:"<strong>$conversion_rate</strong>"}</div>
	</div>
	<br class="clear" />
</div>
{/foreach}

{if $displayFullReport}
<h2 id='titleGoalsByDimension'>
{if isset($idGoal)}
	{'Goals_GoalConversionsBy'|translate:$goalName}
{else}
	{'Goals_ConversionsOverviewBy'|translate}
{/if}
</h2> 

{$goalReportsByDimension}

	{if $userCanEditGoals}
	{include file="Goals/templates/add_edit_goal.tpl"}
	{/if}
{/if}
