@extends('mitra.layouts.app')

@section('title', 'Edit Barang - ' . $inventoryBarang->nama)

@section('content')
    <div class="mb-6">
        <a href="{{ route('mitra.monitoring.show', $sppg) }}" class="inline-flex items-center text-emerald-600 dark:text-emerald-400 hover:text-emerald-700 font-medium mb-4">
            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /></svg>
            Kembali ke Monitoring
        </a>
        <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Edit Barang</h1>
        <p class="text-sm text-slate-500 dark:text-gray-400 mt-1">{{ $inventoryBarang->nama }} — {{ $sppg->nama }}</p>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-slate-200 dark:border-gray-700 p-6">
        <form action="{{ route('mitra.inventory-barang.update', [$sppg, $inventoryBarang]) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="md:col-span-2">
                    <label for="nama" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Nama Barang <span class="text-rose-500">*</span></label>
                    <input type="text" name="nama" id="nama" required maxlength="255" value="{{ old('nama', $inventoryBarang->nama) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('nama') border-rose-500 @enderror">
                    @error('nama')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="kategori" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Kategori</label>
                    <input type="text" name="kategori" id="kategori" maxlength="100" value="{{ old('kategori', $inventoryBarang->kategori) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('kategori') border-rose-500 @enderror">
                    @error('kategori')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="qty_baik" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Jumlah Baik</label>
                    <input type="number" name="qty_baik" id="qty_baik" min="0" step="0.01" value="{{ old('qty_baik', $inventoryBarang->qty_baik ?? 0) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('qty_baik') border-rose-500 @enderror">
                    @error('qty_baik')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="qty_rusak" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Jumlah Rusak</label>
                    <input type="number" name="qty_rusak" id="qty_rusak" min="0" step="0.01" value="{{ old('qty_rusak', $inventoryBarang->qty_rusak ?? 0) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('qty_rusak') border-rose-500 @enderror">
                    @error('qty_rusak')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="qty_perlu_perbaikan" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Jumlah Perlu Perbaikan</label>
                    <input type="number" name="qty_perlu_perbaikan" id="qty_perlu_perbaikan" min="0" step="0.01" value="{{ old('qty_perlu_perbaikan', $inventoryBarang->qty_perlu_perbaikan ?? 0) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('qty_perlu_perbaikan') border-rose-500 @enderror">
                    @error('qty_perlu_perbaikan')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="satuan" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Satuan</label>
                    <input type="text" name="satuan" id="satuan" maxlength="50" value="{{ old('satuan', $inventoryBarang->satuan ?? 'unit') }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('satuan') border-rose-500 @enderror">
                    @error('satuan')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="lokasi" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Lokasi</label>
                    <input type="text" name="lokasi" id="lokasi" maxlength="255" value="{{ old('lokasi', $inventoryBarang->lokasi) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('lokasi') border-rose-500 @enderror">
                    @error('lokasi')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="nilai_estimasi" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Nilai Estimasi (Rp)</label>
                    <input type="number" name="nilai_estimasi" id="nilai_estimasi" min="0" step="1000" value="{{ old('nilai_estimasi', $inventoryBarang->nilai_estimasi) }}"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('nilai_estimasi') border-rose-500 @enderror">
                    @error('nilai_estimasi')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div class="md:col-span-2">
                    <label for="kontak_wa_service" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Kontak WA Service</label>
                    <input type="text" name="kontak_wa_service" id="kontak_wa_service" maxlength="50" value="{{ old('kontak_wa_service', $inventoryBarang->kontak_wa_service) }}" placeholder="08123456789"
                        class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('kontak_wa_service') border-rose-500 @enderror">
                    @error('kontak_wa_service')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
                <div class="md:col-span-2">
                    <label for="keterangan" class="block text-sm font-medium text-slate-700 dark:text-gray-300 mb-2">Keterangan</label>
                    <textarea name="keterangan" id="keterangan" rows="3" class="w-full px-4 py-2.5 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-emerald-500 @error('keterangan') border-rose-500 @enderror">{{ old('keterangan', $inventoryBarang->keterangan) }}</textarea>
                    @error('keterangan')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror
                </div>
            </div>
            <div class="mt-6 flex items-center justify-end gap-3">
                <a href="{{ route('mitra.monitoring.show', $sppg) }}" class="px-5 py-2.5 border border-slate-300 dark:border-gray-600 text-slate-700 dark:text-gray-300 rounded-xl hover:bg-slate-50 dark:hover:bg-gray-700 transition">Batal</a>
                <button type="submit" class="px-5 py-2.5 bg-emerald-600 text-white rounded-xl hover:bg-emerald-700 transition font-medium">Simpan Perubahan</button>
            </div>
        </form>
    </div>
@endsection