@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="list" :icon="$icon" :label="$label" />

            <div class="row mt-3">
                <div class="col-sm-6">
                    <table class="table-padding">
                        <tr>
                            <td>No. Serah Terima</td>
                            <td class="divide">:</td>
                            <td>{{ $inventoryHandover->number }}</td>
                        </tr>
                        <tr>
                            <td>Tanggal</td>
                            <td class="divide">:</td>
                            <td>{{ Common::dateFormat($inventoryHandover->dates, 'dd mmmm yyyy') }}</td>
                        </tr>
                        <tr>
                            <td>Nama Penerima</td>
                            <td class="divide">:</td>
                            <td>{{ $inventoryHandover->receiver_name }}</td>
                        </tr>

                    </table>
                </div>
                <div class="col-sm-6">
                    <table class="table-padding">
                        @isset($inventoryHandover->id_purchase)
                            <tr>
                                <td>No. Purchase</td>
                                <td class="divide">:</td>
                                <td>{{ @$inventoryHandover->purchase->number }}</td>
                            </tr>
                        @endisset
                        @isset($inventoryHandover->id_purchase)
                            <tr>
                                <td>Tgl. Purchase</td>
                                <td class="divide">:</td>
                                <td>{{ Common::dateFormat(@$inventoryHandover->purchase->dates) }}</td>
                            </tr>
                        @endisset
                        <tr>
                            <td>Total Item</td>
                            <td class="divide">:</td>
                            <td>{{ $inventoryHandover->qty_total }}</td>
                        </tr>
                        <tr>
                            <td>Status</td>
                            <td class="divide">:</td>
                            <td>{!! $inventoryHandover->purchase->status_handover_badge !!}</td>
                        </tr>
                    </table>
                </div>

            </div>
            <hr class="mb-0" />
            <div class="table-responsive">
                <table class="table" id="table-invoice">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama Barang</th>
                            <th>Jumlah</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $no = 1;
                            $class = '';
                            $items = json_decode($inventoryHandover->items, true);
                        @endphp

                        @foreach ($items as $i)
                            @php
                                $item = \App\Models\Item::select('name')
                                    ->where('id', $i['id'])
                                    ->first();
                            @endphp
                            <tr>
                                <td class="{{ $class }}">{{ $no }}</td>
                                <td class="{{ $class }}">{{ @$i['name'] ?? @$item->name }}</td>
                                <td class="{{ $class }}">{{ number_format($i['qty'], 0, '', '.') }}</td>
                            </tr>

                            @php
                                $class = empty($class) ? 'gray' : '';
                                $no++;
                            @endphp
                        @endforeach
                    </tbody>
                </table>
            </div>
            <hr />


        </div>
    </div>
@endsection