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

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

        <form id="form" method="post" action="{{ route('inventory.stock.opname.store') }}" class="form-block">
            @csrf

            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker name="dates" label="Tanggal" picker-type="date" :old="old('dates', date('d-m-Y'))" />
                </div>
            </div>

            <x-section-form label="Item" icon="mdi mdi-package" class="mb-1" />

            <div class="table-responsive">
                <table class="table" id="table-item">
                    <thead>
                        <tr>
                            <th style="width: 50px;">No</th>
                            <th style="width: 150px;">Kode</th>
                            <th>Nama</th>
                            <th>Dimensi</th>
                            <th style="width: 160px;">Jumlah Stok</th>
                            <th style="width: 200px;">Stok Hasil Opname</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($item as $index => $i)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $i->sku }}</td>
                                <td>{{ $i->item->name }}</td>
                                <td>
                                    @php
                                    if (empty($i->dimension))
                                        echo '-';
                                    else {
                                        $dimension = json_decode($i->dimension);
                                        $dimensions = '<table class="table-padding">';

                                        foreach ($dimension as $d) {
                                            $dimensions .= '<tr>
                                                <td style="border-top: 0;" class="pt-0 pl-0">' . $d->name . '</td>
                                                <td style="border-top: 0;" class="pt-0 px-0 divide">:</td>
                                                <td style="border-top: 0;" class="pt-0">' . $d->value . '</td>
                                            </tr>';
                                        }

                                        $dimensions .= '</table>';

                                        echo $dimensions;
                                    }
                                    @endphp
                                </td>
                                <td>{{ $i->stock . ' ' . $i->item->uomData->name }}</td>
                                <td>
                                    <x-form.input-text
                                        type="hidden"
                                        :name="'items[' . $index . '][id]'"
                                        :old="$i->id"
                                    />
                                    <x-form.input-text
                                        type="hidden"
                                        :name="'items[' . $index . '][qty]'"
                                        :old="$i->stock"
                                    />

                                    <x-form.input-group-mask
                                        :name="'items[' . $index . '][qty_result]'"
                                        mask="nominal"
                                        :addon="$i->item->uomData->name"
                                        addon-position="right"
                                        :old="old('items.' . $index . '.qty_result', $i->stock)"
                                    />
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <x-form.button-submit :cancel-route="route('inventory.stock.opname.index')" />
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $(".nominal-mask").inputmask({ alias: "nominal" })
})
</script>
@endpush