@extends('layouts.app')
@section('title', 'Tambah Buku')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Tambah Buku</h4>
    <a href="{{ route('books.index') }}" class="btn btn-secondary btn-sm">Kembali</a>
</div>

<div class="card" style="max-width:600px;">
    <div class="card-body">
        <form action="{{ route('books.store') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">ISBN <span class="text-danger">*</span></label>
                    <input type="text" name="isbn" class="form-control" value="{{ old('isbn') }}">
                    @error('isbn')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tahun Terbit <span class="text-danger">*</span></label>
                    <input type="number" name="tahun" class="form-control" value="{{ old('tahun', date('Y')) }}">
                    @error('tahun')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-12 mb-3">
                    <label class="form-label">Judul Buku <span class="text-danger">*</span></label>
                    <input type="text" name="judul" class="form-control" value="{{ old('judul') }}">
                    @error('judul')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Pengarang <span class="text-danger">*</span></label>
                    <input type="text" name="pengarang" class="form-control" value="{{ old('pengarang') }}">
                    @error('pengarang')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Penerbit <span class="text-danger">*</span></label>
                    <input type="text" name="penerbit" class="form-control" value="{{ old('penerbit') }}">
                    @error('penerbit')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Kategori <span class="text-danger">*</span></label>
                    <input type="text" name="kategori" class="form-control" value="{{ old('kategori') }}">
                    @error('kategori')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Stok <span class="text-danger">*</span></label>
                    <input type="number" name="stok" class="form-control" value="{{ old('stok', 1) }}" min="0">
                    @error('stok')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Simpan</button>
            <a href="{{ route('books.index') }}" class="btn btn-secondary">Batal</a>
        </form>
    </div>
</div>

@endsection