@extends('layouts.app')
@section('title', 'Tambah Satuan')
@section('content')
<div class="d-flex align-items-center mb-4">
  <a href="{{ route('admin.units.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 Data Satuan</h4>
</div>
<div class="card col-md-6">
  <div class="card-body">
    <form action="{{ route('admin.units.store') }}" method="POST">
      @csrf
      <div class="mb-3">
        <label class="form-label fw-semibold">Nama Satuan <span class="text-danger">*</span></label>
        <input type="text" name="nama_satuan" class="form-control @error('nama_satuan') is-invalid @enderror" value="{{ old('nama_satuan') }}" placeholder="cth: M3, ZAK, KG, LBR, PCS" required autofocus>
        @error('nama_satuan') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="mb-4">
        <label class="form-label fw-semibold">Keterangan</label>
        <input type="text" name="keterangan" class="form-control" value="{{ old('keterangan') }}" placeholder="Opsional (cth: Meter Kubik)">
      </div>
      <div class="text-end">
        <button type="submit" class="btn btn-primary"><i class="bx bx-save me-1"></i>Simpan</button>
        <a href="{{ route('admin.units.index') }}" class="btn btn-outline-secondary">Batal</a>
      </div>
    </form>
  </div>
</div>
@endsection