@extends('layouts.admin')

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

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

<form method="post" action="{{ route('admin.chapters.store') }}">
    @csrf
    <div class="mb-3">
        <label class="form-label">Book *</label>
        <select name="book_id" class="form-select @error('book_id') is-invalid @enderror" required>
            @foreach($books as $b)
            <option value="{{ $b->id }}" {{ old('book_id') == $b->id ? 'selected' : '' }}>{{ $b->slug }}</option>
            @endforeach
        </select>
        @error('book_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Chapter number *</label>
        <input type="number" name="chapter_number" class="form-control @error('chapter_number') is-invalid @enderror" value="{{ old('chapter_number') }}" min="1" required>
        @error('chapter_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <button type="submit" class="btn btn-primary">Create</button>
    <a href="{{ route('admin.chapters.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection