@extends('customer.layouts.app')
@section('content')
    {{-- @dd($purchased_books) --}}
    <div class="main-container">
        <div class="pd-ltr-20 xs-pd-20-10">
            <div class="min-height-200px">
                <div class="page-header">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="title">
                                <h4>My Books</h4>
                            </div>
                            <nav aria-label="breadcrumb" role="navigation">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Books</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="product-wrap">
                    <div class="product-list">
                        <ul class="row">
                             @forelse ($purchased_books as $purchased_book)
                                <li class="col-lg-3 col-md-6 col-sm-12 text-center">
                                    <div class="product-box">
                                        <div class="producct-img"><img
                                                src="{{ asset('storage/' . $purchased_book->Book->book_image) }}"
                                                alt=""></div>
                                        <div class="product-caption">
                                            <h4><a
                                                    href="{{ route('book-detail', $purchased_book->Book->slug) }}">{{ $purchased_book->Book->book_name }}</a>
                                            </h4>
                                            <div class="price">
                                                {{-- <del>$55.5</del><ins>$49.5</ins> --}}
                                            </div>
                                            <a href="{{ route('book-detail', $purchased_book->Book->slug) }}"
                                                class="btn text-white">Let's Start</a>
                                        </div>
                                    </div>
                                </li>
                            @empty
                            <li class=" col-lg-12 text-center">
                                <div class="product-box w-100">
                                    <div class="product-caption">
                                        <h3>Your Book Shelf is empty.</h3>
                                        <a href="{{ route('video-books') }}" class="btn btn-danger mt-3">View Books</a>
                                    </div>
                                </div>
                            </li>
                            @endforelse
                        </ul>
                       
                    </div>

                    <div class="blog-pagination mb-30 text-center">
                        <div class="btn-toolbar justify-content-center mb-15">
                             {{ $purchased_books->links() }}
                        </div>
                    </div>
                </div>
            </div>
            @include('customer.layouts.footer')
        </div>
    </div>
@endsection