{% extends 'template.html' %}

{% block title %}Dashboard{% endblock %}

{% block page_content %}

<div class="metric-row">
  <!-- metric column -->
  <div class="col-12 col-sm-6 col-lg-3">
    <!-- .metric -->
    <div class="card-metric">
      <a href="/jobs/index" class="metric">
        <p class="metric-value h3">
          <sub><i class="fas fa-hard-hat"></i></sub> <span class="value">{{ jobs|length }}</span>
        </p>
        <h2 class="metric-label"> Jobs </h2>
      </a>
    </div><!-- /.metric -->
  </div><!-- /metric column -->
</div>

{% endblock %}