@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row">
        <h3 style="margin-bottom: 20px;">Inventory Report</h3>
        <p class="small">Month : 
            @if ($month == null)
                <b>All</b>
            @else
                <b>{{$month}}</b>
            @endif
        </p>
        <p class="small" style="float: left; margin-top: 25px;">Year : 
            @if ($year == null)
                <b>All</b>
            @else
                <b>{{$year}}</b>                
            @endif
        </p>
    </div>

    <div class="row">
        <table class="small text-center" border='1px' width='100%'>
            <tr style="font-weight: bold;">
                <td width="23%">SKU</td>
                <td width="37%">Product Name</td>
                <td width="10%">First</td>
                <td width="10%">In</td>
                <td width="10%">Out</td>
                <td width="10%">Last</td>
            </tr>
            @foreach ($datalist as $key => $value)
                <tr>
                    <td>{{$value->sku}}</td>
                    <td style="word-wrap: break-word; padding: 2px;">{{$value->product_name}}</td>
                    <td>{{$value->first_stock}}</td>
                    <td>{{$value->in_stock}}</td>
                    <td>{{$value->out_stock}}</td>
                    <td>{{$value->last_stock}}</td>
                </tr>
            @endforeach
        </table>
    </div>
        
@endsection