@extends('layouts.new_report')

@section('title', "Laporan $title")

@section('content')
    <div class="mb-4">Tanggal: {{ now()->isoFormat('DD-MM-YYYY') }}</div>
    <table class="table border-bottom">
        <thead>
        <tr>
            <th>No</th>
            <th>Kode</th>
            <th>Nama Barang</th>
            <th>Merk</th>
            <th>Warna</th>
            <th>Ukuran</th>
            <th>Rak</th>
            <th>Shelving</th>
            <th class="text-right">Jumlah/Qty</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($items as $index => $item)
        <tr>
            <td>{{ $index + 1 }}</td>
            <td>{{ $item->code }}</td>
            <td>{{ $item->name }}</td>
            <td>{{ $item->item_brand->name }}</td>
            <td>{{ $item->item_color->name }}</td>
            <td>{{ $item->item_size->size }}</td>
            <td>{{ $item->shelving->rack->name }}</td>
            <td>{{ $item->shelving->name }}</td>
            <td class="text-right">{{ $opnames[$item->id] }}</td>
        </tr>
        @endforeach
        <tr>
            <td colspan="6"></td>
            <td class="font-weight-bold">Total</td>
            <td colspan="3" class="font-weight-bold text-right">{{ $total }}</td>
        </tr>
        </tbody>
    </table>
    <div><span class="font-weight-bold">User</span> : {{ Auth::user()->name }}</div>
@endsection

@push('js')
    <script>
        let num = 1;
        function getData(_data = null) {
        }

        $(document).ready(() => {
            $.when(getData()).done(() => {
                setTimeout(() => {
                    window.print();
                }, 1250);
            });
        });
    </script>
@endpush