@extends('admin.layout')
@section('content')
<div class="content-wrapper"> 
    <style>
        .text-muted {
    color: #050505 !important;
}
.btn-secondary {
    color: #fff;
    background-color: #3bafda;
    border-color: #6c757d;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
    font-size: 20px;
}
    </style>
    
     <section class="content-header">
    <h3> STOCKS VALUATION REPORT </h3>
   
  </section>
  <!-- Main content -->
  <section class="content">

   <div class="row">
                            <div class="col-lg-12">
                                <div class="card-box">
                                    <div class="row"  style="padding-left: 8%;">
                                        <div class="col-sm-3">
                                          
                                                <p class="text-muted">Total Inventory Value
                                               
                                                </p>
                                                   <p class=""> <h3>1,135,78</h3></p>
                                              
                                          
                                        </div>
                                        <div class="col-sm-3">
                                          
                                                <p class="text-muted">Total Retailor Value
                                                </p>
                                                   <p class=""> <h3> 2,003,08</h3></p> 
                                              
                                          
                                        </div>
                                        <div class="col-sm-3">
                                            
                                                <p class="text-muted">Potential Profit
                                                </p>
                                                  <p class=""> <h3> 868,72</h3></p>   
                                              
                                          
                                        </div>
                                        <div class="col-sm-3">
                                           
                                                <p class="text-muted">Margin
                                                  
                                                
                                                </p>
                                                   <p class=""> <h3> 3.32%</h3></p>   
                                              
                                          
                                        </div>
                                     </div><!-- end row -->
                                </div>
                            </div> <!-- end col -->

                            
                            <div class="col-lg-12">
                                <div class="card-box table-responsive">
                                 
                                    <p class="text-muted font-14 m-b-30">
                                         </p>

                                    <table id="datatable-buttons" class="table table-striped table-bordered" cellspacing="0" width="100%">
                                        <thead>
                                        <tr>
                                            <th>Item</th>
                                            <th>In Stock</th>
                                            <th>Cost</th>
                                            <th>Inventory Value</th>
                                            <th>Retail Value</th>
                                            <th>Potential Profit</th>
                                            <th>Margin</th>
                                        </tr>
                                        </thead>


                                        <tbody>
                                       @if(count($results['products'])>0)
                    @foreach ($results['products'] as  $key=>$product)
                                            <tr>
                                            <td>{{ $product->products_name }}</td>                                            
                                            <td>{{ $product->products_quantity }}</td>
                                            <td>{{ $product->products_price }}</td>
                                            <td>{{ $product->products_quantity * $product->products_price }}</td>
                                            <td> {{ $product->products_price }}</td>
                                            <td>{{ $product->products_quantity * $product->products_price }}</td>
                                            <td>32%</td>
                                        </tr>
                                 @endforeach
                                  @endif 
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                      
                        <!-- end row -->
                        </div>   

    </section>
  <!-- /.content --> 
</div>
@endsection