@extends('layouts.admin.index')

@section('content')
    <div class="page-header page-header-light shadow">
        <div class="page-header-content d-lg-flex">
            <div class="d-flex">
                <h4 class="page-title mb-0">
                    Books - <span class="fw-normal">View Book</span>
                </h4>
            </div>
        </div>

        <div class="page-header-content d-lg-flex border-top">
            <div class="d-flex">
                <div class="breadcrumb py-2">
                    <a href="{{ route('admin.dashboard') }}" class="breadcrumb-item"><i class="ph-house"></i></a>
                    <a href="{{ route('admin.dashboard') }}" class="breadcrumb-item">Home</a>
                    <a href="{{ route('admin.books.index') }}" class="breadcrumb-item">Books</a>
                    <span class="breadcrumb-item active">View</span>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="row">
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body text-center">
                        <img src="{{ $book->cover_image ?: asset('images/books/small/pic1.jpg') }}" 
                             alt="{{ $book->title }}" 
                             class="img-fluid mb-3" 
                             style="max-width: 100%; border-radius: 8px;">
                        @if($book->pdf_file)
                            <a href="{{ $book->pdf_file }}" target="_blank" class="btn btn-primary w-100">
                                <i class="ph-file-pdf me-2"></i>View PDF
                            </a>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center">
                        <h5 class="mb-0 fw-bold">{{ $book->title }}</h5>
                        <div>
                            <a href="{{ route('admin.books.edit', $book) }}" class="btn btn-sm btn-primary">
                                <i class="ph-pencil me-1"></i>Edit
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>Author:</strong> {{ $book->author }}
                            </div>
                            <div class="col-md-6">
                                <strong>Category:</strong> {{ $book->category->name ?? 'N/A' }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>Price:</strong> 
                                @if($book->is_on_sale)
                                    <span class="text-danger fw-bold">₹{{ number_format($book->sale_price, 2) }}</span>
                                    <small class="text-muted text-decoration-line-through">₹{{ number_format($book->price, 2) }}</small>
                                @else
                                    <span class="fw-bold">₹{{ number_format($book->price, 2) }}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <strong>Stock:</strong> 
                                <span class="badge {{ $book->stock_quantity > 0 ? 'bg-success' : 'bg-danger' }}">
                                    {{ $book->stock_quantity }}
                                </span>
                            </div>
                        </div>

                        @if($book->isbn)
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>ISBN:</strong> {{ $book->isbn }}
                            </div>
                            <div class="col-md-6">
                                <strong>Pages:</strong> {{ $book->pages ?? 'N/A' }}
                            </div>
                        </div>
                        @endif

                        @if($book->publisher || $book->publication_date)
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>Publisher:</strong> {{ $book->publisher ?? 'N/A' }}
                            </div>
                            <div class="col-md-6">
                                <strong>Publication Date:</strong> {{ $book->publication_date?->format('M d, Y') ?? 'N/A' }}
                            </div>
                        </div>
                        @endif

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>Language:</strong> {{ $book->language }}
                            </div>
                            <div class="col-md-6">
                                <strong>Status:</strong> 
                                <span class="badge {{ $book->is_active ? 'bg-success' : 'bg-secondary' }}">
                                    {{ $book->is_active ? 'Active' : 'Inactive' }}
                                </span>
                                @if($book->is_featured)
                                    <span class="badge bg-primary ms-2">Featured</span>
                                @endif
                            </div>
                        </div>

                        @if($book->short_description)
                        <div class="mb-3">
                            <strong>Short Description:</strong>
                            <p class="mb-0">{{ $book->short_description }}</p>
                        </div>
                        @endif

                        <div class="mb-3">
                            <strong>Description:</strong>
                            <p class="mb-0">{{ $book->description }}</p>
                        </div>

                        <div class="mt-4">
                            <a href="{{ route('admin.books.index') }}" class="btn btn-light">
                                <i class="ph-arrow-left me-2"></i>Back to List
                            </a>
                            <a href="{{ route('admin.books.edit', $book) }}" class="btn btn-primary">
                                <i class="ph-pencil me-2"></i>Edit Book
                            </a>
                            <button type="button" class="btn btn-danger" onclick="deleteBook({{ $book->id }}, '{{ addslashes($book->title) }}')">
                                <i class="ph-trash me-2"></i>Delete
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Delete Form (Hidden) -->
    <form id="delete-book-form" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
@endsection

<script>
function deleteBook(bookId, bookTitle) {
    if (confirm('Are you sure you want to delete "' + bookTitle + '"?\n\nThis action cannot be undone!')) {
        const form = document.getElementById('delete-book-form');
        form.action = '{{ url("admin/books") }}/' + bookId;
        form.submit();
    }
}
</script>