@extends('layouts.backend')

@section('extraCss')  

@endsection

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4>Customer Buying Details </h4>
        </div> 

        <div class="card-body table-responsive">

            <table class="table table-striped table-bordered " id="salesarticlereport">
                <thead>
                   
                    <tr>       
                        <th>S.no</th>                                     
                       <th>Name</th>
                       <th>mobile</th>
                        <th>Article</th>
                        <th>Color</th>
                        <th>Hsn</th>
                        <th>Store Name</th>                 
                        <th>Total Mrp</th>
                        <th>Mrp</th>                        
                        <th>Discount</th>
                        <th>Net Sales</th>
                    </tr>
                </thead>
                <tbody>                    @foreach($bills as $bill)
                    <tr>  
                        <td>{{ $count }}</td>                     
                        <td>{{  $bill->customerInfo->firstname   }}</td>
                        <td>{{  $bill->customerInfo->telephone   }}</td>
                        <td>
                            @foreach($bill->billProducts as $product)
                                 <p> {{  $product->article  }}</p>
                            @endforeach
                        </td>
                        <td>
                            @foreach($bill->billProducts as $product)
                              <p>{{  $product->color  }}</p>
                            @endforeach
                        </td>
                        <td>
                            @foreach($bill->billProducts as $product)
                              <p>{{  $product->hsn  }}</p>
                            @endforeach
                        </td>
                        <td> {{ $bill->store_name }}   </td>
                        <td>{{  $bill->total_mrp   }}</td>

                        <td>
                            @foreach($bill->billProducts as $product)
                                <p>{{  $product->basemrp  }}</p>
                            @endforeach
                        </td>
                       
                        <td>{{  $bill->total_mrp-$bill->final_amt   }}</td>
                        <td>{{  $bill->final_amt  }}</td>
                                            
                    </tr>
                                        @endforeach
                </tbody>
            </table>

            
        </div>
        
</div>
@endsection

@section('extraJs')

<script type="text/javascript">  
$(document).ready(function() {
    $('#articleTables').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],         
          dom: 'Bfrtip',
          buttons: ['colvis'],         
          colReorder: true,  
          paging: false 
       } );       
          } );
</script>

@endsection