@extends('layouts.admin')

@section('title', 'Explanations')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="mb-0">Explanations</h1>
    <a href="{{ route('admin.explanations.create') }}" class="btn btn-primary">Add Explanation</a>
</div>

<table class="table table-bordered bg-white">
    <thead>
        <tr><th>ID</th><th>Title</th><th>Verse</th><th>Lang</th><th>Actions</th></tr>
    </thead>
    <tbody>
        @foreach($explanations as $e)
        <tr>
            <td>{{ $e->id }}</td>
            <td>
                {{ Str::limit($e->title, 40) }}
                @if($e->is_ai_generated)
                    <span class="badge bg-info text-dark ms-1">{{ __('AI') }}</span>
                @endif
            </td>
            <td>{{ $e->verse->chapter->book->slug }} {{ $e->verse->chapter->chapter_number }}:{{ $e->verse->verse_number }}</td>
            <td>{{ $e->language_code }}</td>
            <td>
                <a href="{{ route('admin.explanations.edit', $e) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                <form action="{{ route('admin.explanations.destroy', $e) }}" method="post" class="d-inline" onsubmit="return confirm('Delete?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
{{ $explanations->links() }}
@endsection