?>
<div class="row">
<div class="col-md-9 col-sm-8">
<div class="pad">
<!-- Map will be created here -->
<div id="world-map-markers" style="height: 325px;"></div>
</div>
</div><!-- /.col -->
<div class="col-md-3 col-sm-4">
<div class="pad box-pane-right bg-green" style="min-height: 280px">
<?php
foreach ([['data' => [90, 70, 90, 70, 75, 80, 70], 'label' => 'Visits', 'number' => 8390], ['data' => [90, 50, 90, 70, 61, 83, 63], 'label' => 'Referrals', 'number' => '30%'], ['data' => [90, 50, 90, 70, 61, 83, 63], 'label' => 'Organic', 'number' => '70%']] as $item) {
?>
<div class="description-block margin-bottom">
<?php
echo Sparkline::widget(['options' => ['class' => 'pad'], 'clientOptions' => ['type' => 'bar', 'height' => 30, 'barColor' => '#ffffff'], 'data' => $item['data'], 'tag' => 'div']);
?>
<h5 class="description-header"><?php
echo $item['number'];
?>
</h5>
<span class="description-text"><?php
echo $item['label'];
?>
</span>
</div><!-- /.description-block -->
<?php
}
?>
</div>
</div><!-- /.col -->
<?php
echo Timeline::widget(['data' => [['date' => '12 Juin 2015', 'items' => [['time' => 'il y a 30 secondes', 'header' => 'header', 'body' => 'body', 'footer' => 'footer'], ['time' => 'il y a 20 secondes', 'header' => 'header2', 'body' => 'body2', 'footer' => 'footer2']]]]]);
?>
<?php
echo app\widgets\Box::end();
?>
</div>
<div class="row">
<div class="col-md-8">
<p class="text-center">
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
</p>
<div class="chart">
<!-- Sales Chart Canvas -->
<canvas id="salesChart" style="height: 180px;"></canvas>
<canvas id="pieChart" style="height: 180px;"></canvas>
</div><!-- /.chart-responsive -->
</div><!-- /.col -->
</div>
<!--
<?php
echo Sparkline::widget(['data' => [1, 2, 3], 'clientOptions' => []]);
?>
-->
</div>
