@extends('layouts.admin')

@section('title', 'Books')

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

<table class="table table-bordered bg-white">
    <thead>
        <tr><th>ID</th><th>Slug</th><th>Testament</th><th>Order</th><th>Chapters</th><th>Actions</th></tr>
    </thead>
    <tbody>
        @foreach($books as $b)
        <tr>
            <td>{{ $b->id }}</td>
            <td>{{ $b->slug }}</td>
            <td>{{ $b->testament }}</td>
            <td>{{ $b->order }}</td>
            <td>{{ $b->chapters_count }}</td>
            <td>
                <a href="{{ route('admin.books.edit', $b) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                <form action="{{ route('admin.books.destroy', $b) }}" method="post" class="d-inline" onsubmit="return confirm('Delete this book?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
{{ $books->links() }}
@endsection