@extends('layouts.app')
@section('content')
<style type="text/css">
.text-main, a.text-main:hover, a.text-main:focus {
    color: #f5f5f5;
    font-weight: 700;
}
.text-3x {
    font-size: 2.5em;
}
</style>
<div class="panel">
    <h1 align="center">{{ucwords($categories->name)}} ({{date('d-M-Y', strtotime($date))}})</h1>
    <div style="overflow-x:auto;"> 
        <table align="center" id="customa">
            <thead>
                <tr>
                  <th width="4%" rowspan="2" style="background-color:#3283a8;"><div align="center">Sr No.</div></th>
                  <th width="8%" rowspan="2" style="background-color:#3283a8;"><div align="center">Product Group </div></th>
                  <th width="14%" rowspan="2" style="background-color:#3283a8;"><div align="center">Product Name </div></th>
                  <th colspan="3" style="background-color:#3283a8;"><div align="center">Total  </div></th>
                  
                </tr>
                <tr>
                  <th width="8%" style="background-color:#3283a8;"><div align="center">Quantity</div></th>
                  <th width="7%" style="background-color:#3283a8;"><div align="center">Net in Rs </div></th>
                  <th width="10%" style="background-color:#3283a8;"><div align="center">Gross Amt. </div></th>
                  
                  
                </tr>
            </thead>
            <tbody>  
                @if(count($order_details_id) > 0)
                    @foreach($order_details_id as $key => $val)          
                    @php $orderDetail = \App\OrderDetail::where('id', $val)->first(); @endphp
                    <tr>
                        <td><div align="center">{{$key+1}}</div></td>
                        <td><div align="left">{{ucwords($orderDetail->product->category->name)}}</div></td>
                        <td><div align="left">{{ucfirst($orderDetail->product->name)}}</div></td>
                        <td><div align="center">{{ $orderDetail->quantity }}</div></td>
                        <td><div align="center">{{ $orderDetail->price  - $orderDetail->tax}}</div></td>
                        <td><div align="center">{{ $orderDetail->price}}</div></td>
                        
                       
                  </tr>
                  @endforeach
                @else
                <tr>
                    <td></td>
                </tr>
              @endif
            </tbody>
      </table>
    </div>
</div>
@endsection