@extends('layouts.layouts')

@section('title', 'Books | Book Store')
@section('header-title', 'Books')

@section('content')
    <div class="crud-heading">
        <div>
            <p class="dashboard-eyebrow">Your catalogue</p>
            <h1>Printed books</h1>
            <p>Manage the books available in your shop.</p>
        </div>
        <a href="{{ route('books.create') }}" class="btn btn-accent">Add a book</a>
    </div>

    @if ($books->isEmpty())
        <div class="empty-state">
            <span class="empty-state-mark">+</span>
            <h2>Your shelves are waiting</h2>
            <p>Add your first printed book to start building the catalogue.</p>
            <a href="{{ route('books.create') }}" class="btn btn-accent">Add your first book</a>
        </div>
    @else
        <div class="book-admin-grid">
            @foreach ($books as $book)
                <article class="book-admin-card">
                    <a href="{{ route('books.show', $book) }}" class="book-admin-cover">
                        @if ($book->cover_image)
                            <img src="{{ asset('storage/' . $book->cover_image) }}" alt="Cover of {{ $book->title }}">
                        @else
                            <span>{{ $book->title }}</span>
                        @endif
                    </a>
                    <div class="book-admin-info">
                        <span class="book-admin-category">{{ $book->category->name }}</span>
                        <h2><a href="{{ route('books.show', $book) }}">{{ $book->title }}</a></h2>
                        <div class="book-admin-meta">
                            <strong>Rs. {{ number_format((float) $book->price, 2) }}</strong>
                            <span>{{ $book->stock }} in stock</span>
                        </div>
                        <div class="book-admin-actions">
                            <a href="{{ route('books.edit', $book) }}">Edit</a>
                            <form method="POST" action="{{ route('books.destroy', $book) }}" onsubmit="return confirm('Remove this book from the shop?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit">Remove</button>
                            </form>
                        </div>
                    </div>
                </article>
            @endforeach
        </div>

        <div class="book-pagination">{{ $books->links() }}</div>
    @endif
@endsection