@extends('layouts.admin')

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

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

<form method="post" action="{{ route('admin.verses.update', $verse) }}">
    @csrf
    @method('PUT')
    <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', $verse->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', $verse->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', $verse->language_code) }}" 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', $verse->verse_text) }}</textarea>
        @error('verse_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <button type="submit" class="btn btn-primary">Update</button>
    <a href="{{ route('admin.verses.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection