@extends('layouts.master')
@section('title', 'Books - Resources - User')
@section('pagetitle', 'Books - Resources - User')

@section('content')
    @include('layouts.partials.breadcrumbs', ['breadcrumbs' => [
         ['url' => route('user.dashboard'), 'title' => __('Home')],
         ['url' => route('user.resources'), 'title' => __('Resources')],
         ['url' => route('user.resources.books'), 'title' => __('Book')]
            ]])
    <div class="main">
        @include('layouts.partials.messages')
        <div class="r-heading">
            <h1 class="hd mb-30">Books</h1>
            <button class="r-edit">edit</button>
        </div>

            @forelse($books as $book)
            <div class="books-project">
                <div class="book">
                    <img width="189px" height="267px"
                         {{--                    src="{{ asset('assets/images/book-eng.jpg') }}" --}}
                         src="{{asset("storage/pdfs/thumbnails/".$book->details['pdf_image'])}}"
                         alt=""/>
                    <div class="row">
                        <div class="col-10"><h2>{{$book->name}}({{$book->mentor->getFullName()}})</h2></div>
                        <div class="col-2"><div class="dropdown">
                                <a href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                   aria-expanded="false">
                                    <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                                </a>
                                <div class="dropdown-menu float-right" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item"
                                       href="{{asset("storage/pdfs/".$book->url)}}"
                                       target="_blank"
                                    >
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                        View
                                    </a>
                                </div>
                            </div></div>
                    </div>
                    <p>{{$book->description}}</p>

                </div>
            </div>
            @empty
                <div class="insight-placeholder">
                    <p>No books yet</p>
                </div>
            @endforelse
    </div>

@endsection


@section('scripts')
    <script src="{{ asset('assets/js/resources.js') }}"></script>
@stop