@extends('dompdf.LayoutBoostrapOnly')

@section('content')
<div >
    <div class="row">
        <h3>Inventory </h3>
        <p class="small">SKU  &nbsp;: 
            <b>{{$product->sku}}</b>  
        </p>
        <p class="small">Product Name  &nbsp;: 
            <b>{{$product->name}}</b>  
        </p>
    </div>

    <div class="row">
        <table>
            <thead>
                <tr>
                    <th style="text-align: center;">No</th>
                    <th style="text-align: center;">Reference</th>
                    <th style="text-align: center;">Date</th>
                    <th style="text-align: center;">Qty In</th>
                    <th style="text-align: center;">Value In</th>
                    <th style="text-align: center;">Qty Out</th>
                    <th style="text-align: center;">Value Out</th>
                </tr>
            </thead>
            <tbody id="table_view_detail">
                @foreach ($datalist as $key => $value)
                @php
                    $no_set    = $key+1;
                @endphp
                    <tr>
                        <td style="text-align: center;"> {{$no_set}}  </td> 
                        <th style="text-align: center;">{{ $value->reference }}</th>
                        <th style="text-align: center;">{{ $value->carddate }}</th>
                        <th style="text-align: right;">{{ $value->qtyin  }}</th>
                        <th style="text-align: right;">{{ $value->valuein }}</th>
                        <th style="text-align: right;">{{ $value->qtyout }}</th>
                        <th style="text-align: right;">{{ $value->valueout  }}</th>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
        
@endsection