---
tmp: true
---

<div class="row">

  {% assign charts = 'completion-tasks,completion-tasks2,completion-tasks3,completion-tasks4,completion-tasks5,completion-tasks6,completion-tasks7' | split: ',' %}
  {% for chart in charts %}
  <div class="col-md-6 col-lg-4">
    <div class="card">
      <div class="card-body">
        {% include ui/chart.html chart-id=chart height=15 %}
      </div>
    </div>
  </div>
  {% endfor %}


   <div class="col-12">
      <div class="card">
         <div class="card-body">
            {% include ui/chart.html chart-id="tasks-overview" height=20 %}
         </div>
      </div>
   </div>
   <div class="col-4">
      {% include cards/charts/total-sales.html %}
   </div>
   <div class="col-8"></div>
</div>
<div class="row">
   <div class="col-md-6">
      {% include cards/user-info.html %}
      {% include cards/users-list-2.html %}

      <div class="card">
         <div class="card-body">
            <div>{% include ui/stars.html %}</div>
            <div>{% include ui/stars.html count=3 %}</div>
            <div>{% include ui/stars.html color="red" %}</div>
            <div>{% include ui/stars.html filled=true %}</div>
            <div>{% include ui/stars.html icon="heart" color="red" rate=2 %}</div>
            <div>{% include ui/stars.html icon="circle" color="blue" %}</div>
         </div>
      </div>
   </div>
   <div class="col-md-6">
      {% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
      {% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
   </div>
</div>