@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>
    
    @php
        $data_count = 0;
    @endphp
    
    @foreach ($datalist as $key => $value)
        @foreach ($value->details as $key_details => $item)
    
                @if ($data_count == 0 || $data_count == 3 || $data_count == 6)
                    <div class="row" style="height: auto; padding: 98px 0;">
                @endif
                
                <div class="col-xs-4" style="padding: 0; text-align: center;">
                    <div style="width: 210px; height: 70px; margin: 0 auto; background-color: black">BARCODE HERE</div>
                    <table style="padding-top: 5px; width: 200px; margin: 0 auto;">
                        <tr>
                            <th>Tanggal</th>
                            <td style="padding-left: 10px;">yyyy-mm-dd</td>
                        </tr>
                        <tr>
                            <th>Jumlah Item</th>
                            <td style="padding-left: 10px;">x</td>
                        </tr>
                        <tr>
                            <th>Jumlah Qty</th>
                            <td style="padding-left: 10px;">x</td>
                        </tr>
                    </table>
                </div>
                
                @if ($data_count == 2 || $data_count == 5 || $data_count == 8)
                    </div>
                @endif

                @if ($data_count == 8)
                    @php
                        $data_count = 0;
                    @endphp
                    <div class="page-break"></div>
                @else
                    @php
                        $data_count++;
                    @endphp
                @endif
                
        @endforeach
    @endforeach

@endsection