<div class="row">
  <div class="col-md-12 col-sm-2"> 
    
      <nb-card>
            <nb-card-header>
   
        <div class="row show-grid">
          <div class="col-md-6">
            <div>        <nb-icon icon="pie-chart-outline"></nb-icon> Dashboard (Last 7 Days)</div>
          </div>

       
        
        </div>
    </nb-card-header>
        <nb-card-body>
          <div class="row">
            <div class="col-md-4 col-sm-12">  
              <nb-card>
                <nb-card-header style="    background-color: #0fb90482;">
                  <nb-icon icon="done-all-outline"></nb-icon>  Pending Orders
                </nb-card-header>
                <nb-card-body>
                  <div class="row">
                    <div class="col-md-4 col-sm-4">
                      
                    </div> 
                    <div class="col-md-8 col-sm-8">
                       <h1>{{orders.length}}</h1>
                  </div>
                 </div>
                </nb-card-body>
              </nb-card>
            </div>
            <div class="col-md-4 col-sm-12">  
              <nb-card>
                <nb-card-header  style="    background-color: #b99a0487;">
                 <nb-icon icon="pantone-outline"></nb-icon>      In progress
                </nb-card-header>
                <nb-card-body>
                  <div class="row">
                    <div class="col-md-4 col-sm-4">
                      
                    </div> 
                    <div class="col-md-8 col-sm-8">
                       <h1>{{inprogress.length}}</h1>
                  </div>
                 </div>
                </nb-card-body>
              </nb-card>
            </div>
            <div class="col-md-4 col-sm-12">  
              <nb-card>
                <nb-card-header  style="    background-color: #39958487;">
                  <nb-icon icon="cube-outline"></nb-icon>       Delivered
                </nb-card-header>
                <nb-card-body>
                  <div class="row">
                    <div class="col-md-4 col-sm-4">
                      
                    </div> 
                    <div class="col-md-8 col-sm-8">
                       <h1>{{delivery.length}}</h1>
                  </div>
                 </div>
                </nb-card-body>
              </nb-card>
            </div>
          </div>
        </nb-card-body>
      </nb-card>
  </div>
</div>
