@extends('layouts.app', ['activePage' => 'dashboard', 'titlePage' => __('Dashboard')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-default card-header-icon">
              <div class="card-icon">
                <i class="material-icons">person</i>
              </div>
              <p class="card-category">{{ __('pages.number') }} {{ __('pages.clients') }}</p>
               <h3 class="card-title">{{ $res['u']}}</h3>
           
            </div>
            <div class="card-footer">
              <div class="stats">
                <i class="material-icons text-default">arrow_right_alt</i>
                <a href="{{ route('user.listClient') }}">{{ __('pages.list') }} {{ __('pages.clients') }}</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-success card-header-icon">
              <div class="card-icon">
                <i class="material-icons ">star</i>
              </div>
              <p class="card-category">{{ __('pages.number') }} {{ __('pages.products') }}</p>
                           <h3 class="card-title">{{ $res['p']}}</h3>

            </div>
            
            <div class="card-footer">
              <div class="stats">
                <i class="material-icons text-success">arrow_right_alt</i> 
                 <a href="{{ route('product.listProduct') }}">{{ __('pages.list') }} {{ __('pages.products') }}</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="material-icons">shopping_cart</i>
              </div>
              <p class="card-category"> {{ __('pages.orders') }} {{ __('pages.pending') }}</p>
                 <h3 class="card-title">{{ $res['po']}}</h3>

              
            </div>
            <div class="card-footer">
              <div class="stats">
                <i class="material-icons text-warning">arrow_right_alt</i> 
                 <a href="{{ route('order.listOrder') }}">{{ __('pages.list') }} {{ __('pages.orders') }}</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-info card-header-icon">
              <div class="card-icon">
                <i class="material-icons">shopping_cart</i>
              </div>
              <p class="card-category"> {{ __('pages.orders') }} {{ __('pages.finished') }}</p>
                               <h3 class="card-title">{{ $res['fo']}}</h3>

            </div>
            <div class="card-footer">
              <div class="stats">
                <i class="material-icons text-info">arrow_right_alt</i>
                 <a href="{{ route('order.listOrder') }}">{{ __('pages.list') }} {{ __('pages.orders') }}</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      
      <div class="row">
        
        <div class="col-lg-6 col-md-12">
          <div class="card">
            <div class="card-header card-header-warning">
              <h4 class="card-title">{{ __('pages.orders') }} {{ __('pages.latest') }}</h4>
              <!--<p class="card-category">New employees on 15th September, 2016</p>-->
            </div>
            <div class="card-body table-responsive">
              <table class="table table-hover">
                <thead class="text-warning">
                  <th>#</th>
                  <th> {{ __('pages.o_number') }} {{ __('pages.order') }}</th>
                  <th>{{ __('pages.price') }} {{ __('pages.total') }} </th>
                  <th>{{ __('pages.status') }}</th>
                  <th>{{ __('pages.date') }} {{ __('pages.added') }} </th>
                </thead>
                <tbody>
                 @foreach ($listOrder as $key=>$user)
                                        <tr  @if($user->order_status == 'P') class="table-primary"  @elseif ($user->order_status == 'S') class="table-warning" @elseif ($user->order_status == 'D') class="table-success"  @elseif ($user->order_status == 'R') class="table-danger" @endif >
                                            <td>{{ $key+1}} </td>
                                         
                                                <td>
                                             <a href="listDetail/{{ $user->order_id}}" 
                                            class="btn btn-info btn-round" role="button" aria-disabled="true">
                                             {{ $user->order_number}}
                                             </a>
                                               </td>
                                            <td>{{number_format(  $user->order_totalprice) }} IQD </td>
                                            <td>
                                              
                                                @if($user->order_status == 'P')
                                            <button class="btn btn-primary btn-sm">Pending</button>
 
                                                @elseif ($user->order_status == 'S')
                                            <button class="btn btn-warning btn-sm">Shipped</button>
 
                                                @elseif ($user->order_status == 'D')
                                                <button class="btn btn-success btn-sm">Done</button>
                                                @elseif ($user->order_status == 'R')
                                                <button class="btn btn-danger btn-sm">Rejected</button>
                                                @endif
                                            
                                                
                                                 </td>
                         <td>{{date('Y-m-d', strtotime($user->order_added_date))}}
                              </td>

                                        </tr>
                                    @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
          <div class="col-lg-6 col-md-12">
          <div class="card">
            <div class="card-header card-header-primary">
              <h4 class="card-title">{{ __('pages.clients') }} {{ __('pages.c_new') }} </h4>
              <!--<p class="card-category">New employees on 15th September, 2016</p>-->
            </div>
            <div class="card-body table-responsive">
              <table class="table table-hover">
                <thead class="text-primary">
                  <th>#</th>
                  <th>{{ __('pages.name') }}</th>
                  <th>{{ __('pages.phone') }} #</th>
                  <th>{{ __('pages.date') }} {{ __('pages.added') }}</th>

                </thead>
                <tbody>
                 @foreach ($listUsers as $key=>$user)
                                        <tr>
                                            <td>{{ $key+1}} </td>
                                            <td>{{ $user->name}} </td>
                                            <td>{{ $user->phone}} </td>
                                         <td>{{date('Y-m-d', strtotime($user->created_at))}}
                                              </td>

                                            </tr>
             @endforeach

                </tbody>
              </table>
            </div>
          </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
          <div class="card">
            <div class="card-header card-header-success">
              <h4 class="card-title"> {{ __('pages.products') }} {{ __('pages.latest') }}</h4>
            </div>
            <div class="card-body table-responsive">
              <table class="table table-hover">
                <thead class="text-success">
                  <th>#</th>
                  <th>{{ __('pages.name') }} {{ __('pages.the_product') }}</th>
                  <th>{{ __('pages.subcategory') }} {{ __('pages.the_product') }}</th>
                  <th>{{ __('pages.quantity') }} {{ __('pages.the_product') }}</th>
                  <th>{{ __('pages.p_price') }} {{ __('pages.the_product') }}</th>
                  <th>{{ __('pages.discount') }} {{ __('pages.the_product') }}</th>
                  <th>{{ __('pages.date') }} {{ __('pages.added') }}</th>

                
                </thead>
                <tbody>
                 @foreach ($listProduct as $key=>$user)
                                        <tr>
                                            <td>{{ $key+1}} </td>
                                            <td>{{ $user->product_name}} </td>
                                            <td>{{ $user->subcategory_name}} </td>
                                             <td>{{ $user->product_quantity}} </td>
                                            <td>{{ number_format( $user->product_price)}} IQD </td>
                                            <td>{{ number_format( $user->product_discount)}} IQD</td>
                                            <td>{{date('Y-m-d', strtotime($user->product_added_date))}}</td>

                                        </tr>
                                    @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
        
        
      </div>
    </div>
  </div>
@endsection

@push('js')
  <script>
    $(document).ready(function() {
      // Javascript method's body can be found in assets/js/demos.js
      md.initDashboardPageCharts();
    });
  </script>
@endpush