@extends('elibrary.staff.layouts.app')
@section('content')
    @include('elibrary.components.heading', ['title' => 'Books', 'url' => route('book.create')])
    @forelse($books as $book)
        @php
            $created_by = \App\Models\Staff::where('id' , $book->created_by)->pluck('name')->first();
        @endphp
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <a href="{{route('book.show', $book->id)}}">
                    <div class="book-image">
                        <img src="{{$book->image}}" class="w-100" alt="">
                    </div>
                </a>
                <div class="book-info">
                   <div class="d-flex justify-content-between align-items-center mt-2">
                       <div>
                           <a href="{{route('book.show', $book->id)}}">
                               <h3>{{$book->name}}</h3>
                           </a>
                           <p><i class='bx bx-user'></i> {{$created_by}}</p>
                       </div>
                       <div>
                           <a href="{{$book->doc}}" download>
                               <i class='bx bxs-download' style="font-size: 20px;"></i>
                           </a>
                       </div>
                   </div>
                </div>
            </div>
        </div>
    @empty
        <div class="col-md-12 mt-4 d-flex justify-content-center">
            <div class="no-product text-center">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50" height="50">
                    <path fill="none" d="M0 0h24v24H0z"/>
                    <path d="M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a3.99 3.99 0 0 1 3 1.354A3.99 3.99 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8zm7-2V5h-5a2 2 0 0 0-2 2v12h7zm-9 0V7a2 2 0 0 0-2-2H4v14h7z"/>
                </svg>
                <h3>No Books found.</h3>
            </div>
        </div>
    @endforelse

@endsection