}
$columns = ['#', 'task', 'progress:html', 'label:html'];
?>
<div class="row">
<div class="col-xs-6">
<?php
echo Table::widget(['box' => ['type' => 'primary', 'header' => ['title' => 'Bordered Table']], 'data' => $models, 'columns' => $columns]);
?>
<?php
echo Table::widget(['box' => ['type' => 'primary', 'header' => ['title' => 'Condensed Full Width Table'], 'noPadding' => true], 'type' => 'table-condensed', 'data' => $models, 'columns' => $columns]);
?>
</div><!-- /.col -->
<div class="col-xs-6">
<?php
echo Table::widget(['box' => ['type' => 'primary', 'header' => ['title' => 'Simple Full Width Table'], 'noPadding' => true], 'data' => $models, 'columns' => $columns]);
?>
<?php
echo Table::widget(['box' => ['type' => 'primary', 'header' => ['title' => 'Striped Full Width Table'], 'noPadding' => true], 'type' => 'table-striped', 'data' => $models, 'columns' => $columns]);
?>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-xs-12">
<?php
echo Table::widget(['box' => ['type' => 'primary', 'header' => ['title' => 'Striped Full Width Table'], 'noPadding' => true], 'responsive' => true, 'type' => 'table-striped', 'data' => $models, 'columns' => $columns]);
?>
</div>
</div>
echo InfoBox::widget(['bg' => 'bg-aqua', 'bgFill' => true, 'icon' => Html::ion('ios-chatbubble-outline'), 'text' => 'DIRECT MESSAGES', 'number' => '163,921', 'progress' => '40', 'progressText' => '40% Increase in 30 Days']);
?>
<?php
echo Box::begin(['type' => '', 'header' => ['title' => 'Browser Usage']]);
?>
<?php
echo Box::end();
?>
</div>
</div>
<div class="row">
<div class="col-md-8">
<?php
echo Table::widget(['box' => ['type' => 'box-info', 'header' => ['title' => 'Latest Orders'], 'noPadding' => true], 'responsive' => true, 'type' => 'table-striped', 'data' => $models, 'columns' => $columns]);
?>
</div>
<div class="col-md-4">
<?php
echo Box::begin(['type' => 'box-primary', 'header' => ['title' => 'Recently Added Products']]);
?>
<?php
echo Box::end();
?>
</div>
</div>
