{% include 'vendor/include/header.html' %}
   {% include 'vendor/include/topbar.html' %}
    {% include 'vendor/include/sidebar.html' %}
  <!-- Content Wrapper. Contains page content -->
  
   <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Dashboard</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="/">Home</a></li>
              <li class="breadcrumb-item active">Dashboard</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
      <div class="content">
      <div class="container-fluid">
<div class="row">
    
          {% for i in p1 %}
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p1.count}}</span>
                          </div>
                        </div>
                      </div>
                 {% endifchanged %}
        {% endfor %}
        {% for i in p2 %}
                     
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p2.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          {% for i in p3 %}
                     
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p3.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          {% for i in p4 %}
                     
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p4.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          
        {% for i in p5 %}
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p5.count}}</span>
                          </div>
                        </div>
                      </div>
                 {% endifchanged %}
        {% endfor %}
        {% for i in p6 %}
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p6.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          {% for i in p7 %}
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p7.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          {% for i in p8 %}
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p8.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
          {% for i in p9 %}
                     
                      {% ifchanged %} 
                        <div class="col-md-3 col-sm-6 col-12">
                        <div class="info-box">
                          <span class="info-box-icon bg-info">{% if i.pid.image %}<img src="{{i.pid.image.url}}" />{% else %}<i class="far fa-flag"></i>{% endif %}</span>
                          <div class="info-box-content">
                            <span class="info-box-text"><a href="/vendor/product/?pro_id={{i.pid.id}}">{{i.pid.pname}}</a></span>
                            <span class="info-box-number">{{p9.count}}</span>
                          </div>
                        </div>
                      </div>
                      {% endifchanged %}
          {% endfor %}
        </div>
        
      </div>
      <!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  {% include 'vendor/include/footer.html' %}