@extends('Backend.Layouts.app')
@php
    $page_title = "Dashboard";
@endphp

@section('content')

{{-- <div class="content-header"> <!-- content-header --> 
      <div class="container-fluid"> <!-- .container-fluid -->
        <div class="row mb-2">

          <div class="col-sm-6">
            <h6 class="m-0 text-dark get_title_text"> Dashboard </h6>
          </div><!-- /.col -->

          <div class="col-sm-6 d-none d-sm-inline-block">
            <ol class="breadcrumb float-sm-right">
               <li class="breadcrumb-item"><a onclick="go_back()" href="javascript:void(0)"> <i class="fa fa-arrow-left"></i> Go back </a></li>
              <li class="breadcrumb-item active"> Dashboard  </li>
            </ol>
          </div><!-- /.col -->

        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
</div> <!-- /content-header --> --}}


 <section class="container-fluid"> <!-- container-fluid -->

 <div class="row"> <!-- row -->


 <section class="col-md-4 col-6"> <!-- col -->
  <a href="{{ route('all_users_page')}}">
 <div class="info-box mb-3 text-success">
              <span class="info-box-icon"><i class="fa-2x fa fa-users"></i></span>

              <div class="info-box-content">
                <span class="info-box-text text-lg"> All users </span>
                <span class="info-box-number text-lg"> {{ number_format($total_users)}} </span>
              </div>
              <!-- /.info-box-content -->
  </div>
</a>
  <!-- /.info-box -->
 </section> <!-- //col -->

 <section class="col-md-4 col-6"> <!-- col -->
  <a href="{{ route('all_products_page')}}">
    <div class="info-box mb-3 text-info">
                 <span class="info-box-icon"><i class="fa-2x fa fa-book"></i></span>
   
                 <div class="info-box-content">
                   <span class="info-box-text text-lg"> All books </span>
                   <span class="info-box-number text-lg"> {{ number_format($total_products)}} </span>
                 </div>
                 <!-- /.info-box-content -->
     </div>
    </a>
     <!-- /.info-box -->
    </section> <!-- //col -->


    <section class="col-md-4"> <!-- col -->
      <a href="{{ route('all_orders_page', ['filter' => 1, 'q' => 'initiated'])}}">
        <div class="info-box mb-3 text-warning">
                     <span class="info-box-icon"><i class="fa-2x fa fa-shopping-cart"></i></span>
       
                     <div class="info-box-content">
                       <span class="info-box-text text-lg"> Pending Orders </span>
                       <span class="info-box-number text-lg"> {{ number_format($pending_orders )}} </span>
                     </div>
                     <!-- /.info-box-content -->
         </div>
        </a>
         <!-- /.info-box -->
        </section> <!-- //col -->

 <section class="col-md-4"> <!-- col -->
  <a href="{{ route('all_orders_page', ['filter' => 1, 'q' => 'completed'])}}">
    <div class="info-box mb-3 text-success">
                 <span class="info-box-icon"><i class="fa-2x fa fa-shopping-cart"></i></span>
   
                 <div class="info-box-content">
                   <span class="info-box-text text-lg"> Completed Orders </span>
                   <span class="info-box-number text-lg"> {{ number_format($completed_orders )}} </span>
                 </div>
                 <!-- /.info-box-content -->
     </div>
    </a>
     <!-- /.info-box -->
    </section> <!-- //col -->

    <section class="col-md-4"> <!-- col -->
      <a href="{{ route('all_orders_page', ['filter' => 1, 'q' => 'processing'])}}">
        <div class="info-box mb-3 text-info">
                     <span class="info-box-icon"><i class="fa-2x fa fa-shopping-cart"></i></span>
       
                     <div class="info-box-content">
                       <span class="info-box-text text-lg"> Processing Orders </span>
                       <span class="info-box-number text-lg"> {{ number_format($processing_orders )}} </span>
                     </div>
                     <!-- /.info-box-content -->
         </div>
        </a>
         <!-- /.info-box -->
        </section> <!-- //col -->


        <section class="col-md-4"> <!-- col -->
          <a href="{{ route('all_orders_page', ['filter' => 1, 'q' => 'cancelled'])}}">
            <div class="info-box mb-3 text-danger">
                         <span class="info-box-icon"><i class="fa-2x fa fa-shopping-cart"></i></span>
           
                         <div class="info-box-content">
                           <span class="info-box-text text-lg"> Cancelled Orders </span>
                           <span class="info-box-number text-lg"> {{ number_format($cancelled_orders)}}</span>
                         </div>
                         <!-- /.info-box-content -->
             </div>
            </a>
             <!-- /.info-box -->
            </section> <!-- //col -->


</div> <!-- //row -->

</div>

     
<section class="row">
    <!-- col -->
    <div class="col-md-12">
        <section class="card"> <!-- card ( card-success card-outline ) -->

            <div class="card-header">
                        <h3 class="card-title"> Last 10 Orders </h3>
        
                        <div class="card-tools">
                          <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                          </button>
                          <button type="button" class="btn btn-tool" data-card-widget="remove">
                            <i class="fas fa-times"></i>
                          </button>
                        </div>
                  </div>
        
             <section class="card-body">
        
                 <div class="table-responsive">
                 <table class="word_no_wrap table table-striped">
                   <thead>
                   <tr>
                     <th> Ref No.</th>
                     <th> Qty</th>
                     <th> Amount </th>
                     <th> Status </th>
                   </tr>
                   </thead>
                   <tbody>
                    @forelse ( $orders as $order )
                    <tr>
                      <td>{{ $order->code_number }}</td>
                      <td>{{ number_format( $order->order_items->sum('quantity')) }}</td>
                      <td>{{ $order->currency. ' '.number_format($order->order_items->sum('amount_due') ) }}</td>
                      <td>{{ $order->_status() }} </td>
                    </tr>
                    @empty
                    <tr>
                      <td colspan="4" class="text-center"> No Order records yet... </td>
                    </tr>
                    @endforelse
                    
                   </tbody>
                 </table>
                 </div>
             </section>
         </section> <!-- Card -->
    </div>
    <!-- //col -->
    
</section>
<!-- //row -->



 <br><br>

 </section> <!-- //end container-fluid -->

@stop