@extends('layouts.app')
@section('title', 'Tambah Barang Manual')

@section('content')
<h4 class="mb-4">Tambah Barang Manual ke Stok Gudang</h4>
<p class="text-muted">Gunakan form ini untuk menambahkan barang yang sudah ada secara fisik di gudang (mis. hasil stock opname, titipan, atau koreksi) tanpa melalui alur Purchase Request / Purchase Order.</p>

<form method="POST" action="{{ route('stocks.store') }}">
    @csrf
    <div class="card">
        <div class="card-body row g-3">
            <div class="col-md-4">
                <label class="form-label">Nama Barang</label>
                <div class="barang-search-wrap" id="namaBarangWrap">
                    <input type="text" class="form-control barang-search-input" autocomplete="off" required value="{{ old('nama_barang') }}" placeholder="Ketik untuk mencari barang...">
                    <input type="hidden" name="nama_barang" class="barang-search-hidden" value="{{ old('nama_barang') }}">
                    <div class="barang-search-menu"></div>
                </div>

            </div>
            <div class="col-md-2">
                <label class="form-label">Part Number</label>
                <input type="text" name="part_number" id="partNumberInput" class="form-control" placeholder="Contoh: PN-00123" value="{{ old('part_number') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">Kode Barang (Dikapal)</label>
                <input type="text" name="kode_barang_dikapal" id="kodeKapalInput" class="form-control" placeholder="Contoh: ME" value="{{ old('kode_barang_dikapal') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">Satuan</label>
                <input type="text" name="satuan" id="satuanInput" class="form-control" value="{{ old('satuan', 'pcs') }}" required>
            </div>
            <div class="col-md-2">
                <label class="form-label">Qty Ditambahkan</label>
                <input type="number" name="qty" class="form-control" min="1" value="{{ old('qty', 1) }}" required>
            </div>
            <div class="col-md-12">
                <label class="form-label">Keterangan (opsional)</label>
                <input type="text" name="keterangan" class="form-control" placeholder="Contoh: hasil stock opname / barang titipan" value="{{ old('keterangan') }}">
            </div>
        </div>
    </div>

    <div class="mt-3">
        <button class="btn btn-primary"><i class="bi bi-plus-circle"></i> Simpan ke Stok Gudang</button>
        <a href="{{ route('stocks.index') }}" class="btn btn-outline-secondary">Batal</a>
    </div>
</form>

@if($errors->any())
<div class="alert alert-danger mt-3">
    <ul class="mb-0">
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif
@endsection

@section('scripts')
@include('partials.barang-search-assets')
<script>
    // otomatis isi satuan, part number & kode barang dikapal sesuai barang yang dipilih dari dropdown search
    const satuanInput = document.getElementById('satuanInput');
    const partNumberInput = document.getElementById('partNumberInput');
    const kodeKapalInput = document.getElementById('kodeKapalInput');

    initBarangSearch(document.getElementById('namaBarangWrap'), {
        onSelect: function (data) {
            if (data.satuan) satuanInput.value = data.satuan;
            partNumberInput.value = data.part_number || '';
            kodeKapalInput.value = data.kode_barang_dikapal || '';
        }
    });
</script>
@endsection