@extends('layouts.admin')

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

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

<form method="post" action="{{ route('admin.verses.store') }}">
    @csrf
    <div class="mb-3">
        <label class="form-label">Chapter *</label>
        <select name="chapter_id" class="form-select" required>
            @foreach($chapters as $c)
            <option value="{{ $c->id }}" {{ old('chapter_id') == $c->id ? 'selected' : '' }}>{{ $c->book->slug }} {{ $c->chapter_number }}</option>
            @endforeach
        </select>
    </div>
    <div class="mb-3">
        <label class="form-label">Verse number *</label>
        <input type="number" name="verse_number" class="form-control @error('verse_number') is-invalid @enderror" value="{{ old('verse_number') }}" min="1" required>
        @error('verse_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <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" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Verse text *</label>
        <textarea name="verse_text" class="form-control @error('verse_text') is-invalid @enderror" rows="4" required>{{ old('verse_text') }}</textarea>
        @error('verse_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <button type="submit" class="btn btn-primary">Create</button>
    <a href="{{ route('admin.verses.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection