@extends('layouts.app')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Tambah Klasifikasi</h1>
    <a href="{{ route('admin.klasifikasi.index') }}" class="btn btn-secondary btn-sm">
        <i class="fas fa-arrow-left"></i> Kembali
    </a>
</div>

<div class="card shadow mb-4">
    <div class="card-body">
        @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('admin.klasifikasi.store') }}" method="POST">
            @csrf
            <div class="form-group">
                <label>Kode</label>
                <input type="text" name="kode" class="form-control" value="{{ old('kode') }}" required>
            </div>
            <div class="form-group">
                <label>Nama Klasifikasi</label>
                <input type="text" name="nama_klasifikasi" class="form-control" value="{{ old('nama_klasifikasi') }}" required>
            </div>
            <div class="form-group">
                <label>Parent Kode (Opsional)</label>
                <select name="parent_kode" class="form-control">
                    <option value="">-- Tidak Ada --</option>
                    @foreach($parents as $parent)
                        <option value="{{ $parent->kode }}" {{ old('parent_kode') == $parent->kode ? 'selected' : '' }}>
                            {{ $parent->kode }} - {{ $parent->nama_klasifikasi }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>Level</label>
                <input type="number" name="level" class="form-control" value="{{ old('level', 1) }}" required>
            </div>
            <button type="submit" class="btn btn-primary">Simpan</button>
        </form>
    </div>
</div>
@endsection