@extends('layouts.app')
@section('title', 'Tambah Material')
@section('content')
<div class="d-flex align-items-center mb-4">
  <a href="{{ route('admin.items.index') }}" class="btn btn-outline-secondary btn-sm me-3"><i class="bx bx-arrow-back"></i></a>
  <h4 class="fw-bold mb-0">Tambah Material / Barang</h4>
</div>
<div class="card"><div class="card-body">
  <form action="{{ route('admin.items.store') }}" method="POST">
    @csrf
    <div class="row g-3">
      <div class="col-md-4"><label class="form-label">Kode Barang <span class="text-danger">*</span></label>
        <input type="text" name="kode_barang" class="form-control @error('kode_barang') is-invalid @enderror" value="{{ old('kode_barang') }}" placeholder="cth: 00-1" required>
        @error('kode_barang') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-8"><label class="form-label">Nama Barang <span class="text-danger">*</span></label>
        <input type="text" name="nama_barang" class="form-control @error('nama_barang') is-invalid @enderror" value="{{ old('nama_barang') }}" placeholder="cth: BESI 10" required>
        @error('nama_barang') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-6"><label class="form-label">Kategori <span class="text-danger">*</span></label>
        <select name="category_id" class="form-select select2 @error('category_id') is-invalid @enderror" required>
          <option value="">-- Pilih Kategori --</option>
          @foreach($categories as $cat)
          <option value="{{ $cat->id }}" {{ old('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
          @endforeach
        </select>
        @error('category_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-6"><label class="form-label">Satuan <span class="text-danger">*</span></label>
        <select name="satuan" class="form-select select2-unit @error('satuan') is-invalid @enderror" required>
          <option value="">-- Pilih / Ketik Satuan --</option>
          @foreach($units as $u)
          <option value="{{ $u->nama_satuan }}" {{ old('satuan') == $u->nama_satuan ? 'selected' : '' }}>{{ $u->nama_satuan }}</option>
          @endforeach
        </select>
        @error('satuan') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-12 text-end">
        <button type="submit" class="btn btn-primary me-2"><i class="bx bx-save me-1"></i>Simpan</button>
        <a href="{{ route('admin.items.index') }}" class="btn btn-outline-secondary">Batal</a>
      </div>
    </div>
  </form>
</div></div>
@endsection
@section('page-script')
<script>
$(document).ready(function() {
    $('.select2-unit').select2({
        theme: 'bootstrap-5',
        width: '100%',
        tags: true,
        placeholder: '-- Pilih / Ketik Satuan --'
    });
});
</script>
@endsection