@extends('layouts.admin')

@section('title', 'Add Book')

@section('content')
<h1 class="mb-4">Add Book</h1>

<form method="post" action="{{ route('admin.books.store') }}">
    @csrf
    <div class="mb-3">
        <label class="form-label">Slug *</label>
        <input type="text" name="slug" class="form-control @error('slug') is-invalid @enderror" value="{{ old('slug') }}" required>
        @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Testament *</label>
        <select name="testament" class="form-select" required>
            <option value="old" {{ old('testament') == 'old' ? 'selected' : '' }}>Old</option>
            <option value="new" {{ old('testament') == 'new' ? 'selected' : '' }}>New</option>
        </select>
    </div>
    <div class="mb-3">
        <label class="form-label">Order</label>
        <input type="number" name="order" class="form-control" value="{{ old('order') }}" min="0">
    </div>
    <hr>
    <p class="text-muted small">Optional: first translation (e.g. English)</p>
    <div class="mb-3">
        <label class="form-label">Language code</label>
        <input type="text" name="language_code" class="form-control" value="{{ old('language_code', 'en') }}" maxlength="10">
    </div>
    <div class="mb-3">
        <label class="form-label">Name</label>
        <input type="text" name="name" class="form-control" value="{{ old('name') }}">
    </div>
    <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="2">{{ old('description') }}</textarea>
    </div>
    <button type="submit" class="btn btn-primary">Create</button>
    <a href="{{ route('admin.books.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection