@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>

    <div class="row">
        <h3>Bincard Stock Movement Report</h3>
        <p class="small">Date Start&nbsp;: <b>{{$date_start}}</b></p>
        <p class="small">Date End  &nbsp;: <b>{{$date_end}}</b></p>
        <p class="small">SKU  &nbsp;: 
            @if ($sku == null)
                <b>All</b>
            @else
               <b>{{$sku}}</b>
            @endif    
        </p>
    </div>

    <div class="row">
        <table class="small text-center" border='1px' width='100%'>
            <tr style="font-weight: bold;">
                <td>ID</td>
                <td>Reference</td>
                <td>Title</td>
                <td>Note</td>
                <td>SKU</td>
                <td>Product<br>Name</td>
                <td>Card<br>Date</td>
                <td>Type</td>
                <td>Qty<br>In</td>
                <td>Qty<br>Out</td>
                <td>Value<br>In</td>
                <td>Value<br>Out</td>
                <td>Created<br>By</td>
            </tr>
            @foreach ($datalist as $key => $value)
                <tr>
                    <td>{{$value->id}}</td>
                    <td style="word-wrap: break-word; padding: 2px;">{{$value->reference}}</td>
                    <td>{{$value->title}}</td>
                    <td>{{$value->note}}</td>
                    <td>{{$value->sku}}</td>
                    <td>{{$value->product_name}}</td>
                    <td>{{$value->carddate}}</td>
                    <td>{{$value->type}}</td>
                    <td>{{$value->qtyin}}</td>
                    <td>{{$value->qtyout}}</td>
                    <td>{{$value->valuein}}</td>
                    <td>{{$value->valueout}}</td>
                    <td>{{$value->created_username}}</td>
                </tr>
            @endforeach
        </table>
    </div>
        
@endsection