@extends('layouts.layouts')

@section('title', $book->title . ' | Book Store')
@section('header-title', 'Book details')

@section('content')
    <div class="detail-back"><a href="{{ route('books.index') }}">&larr; Back to books</a></div>
    <article class="book-detail-card">
        <div class="book-detail-cover">
            @if ($book->cover_image)
                <img src="{{ asset('storage/' . $book->cover_image) }}" alt="Cover of {{ $book->title }}">
            @else
                <span>{{ $book->title }}</span>
            @endif
        </div>
        <div class="book-detail-content">
            <span class="book-admin-category">{{ $book->category->name }}</span>
            <h1>{{ $book->title }}</h1>
            <p class="book-detail-description">{{ $book->description ?: 'No description has been added for this book yet.' }}</p>
            <div class="book-detail-facts">
                <div><small>Price</small><strong>Rs. {{ number_format((float) $book->price, 2) }}</strong></div>
                <div><small>Stock</small><strong>{{ $book->stock }} copies</strong></div>
                @if ($book->language)<div><small>Language</small><strong>{{ $book->language }}</strong></div>@endif
                @if ($book->pages)<div><small>Pages</small><strong>{{ number_format($book->pages) }}</strong></div>@endif
            </div>
            <span class="book-status {{ $book->status ? 'available' : 'unavailable' }}">{{ $book->status ? 'Available in shop' : 'Not currently available' }}</span>
            <div class="form-actions">
                <a href="{{ route('books.edit', $book) }}" class="btn btn-accent">Edit book</a>
                <form method="POST" action="{{ route('books.destroy', $book) }}" onsubmit="return confirm('Remove this book from the shop?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-light">Remove</button>
                </form>
            </div>
        </div>
    </article>
@endsection