@extends('layouts.admin')
@section('title', 'E-Library | Home')
@section('content')
	@foreach($user_details as $details)
		<ul class="side-nav" id="pannel">
			<li>
				<div class="user-view">
					<div class="background">
						<img src="{!! asset('images/oo.png') !!}" width="100%">
					</div>
					<span><img class="circle" src="{{ $details->image }}"></span>
					<span class="white-text name">{{ $details->name }}</span>
					<span class="white-text email">{{ $details->email }}</span>
					<a href="/edit"><span class="white-text edit"><i class="material-icons">edit</i></span></a>
				</div>
			</li>
			<li><a href="#">Books issued : {{ $book_count->book_count }}</a></li>
			<li><a href="/"><i class="material-icons">home</i>Home</a></li>
			<li><a href="/books"><i class="material-icons">collections</i>Book Shelf</a></li>
			<li>
				<div class="divider"></div>
			</li>
			<li><a class="waves-effect" href="logout"><i class="material-icons">exit_to_app</i>Logout</a></li>
		</ul>
		<div class="container">
			
			@if($book_count->book_count == 0)
				<div class="center">
					<h1 class="center"> no books issued </h1>
					<a href="/books" class="btn btn-block waves-effect center blue hoverable">
						Issue a new book?
					</a>
				</div>
				<br>
			@else
				<div class="row">
					@foreach($user_books as $book)
						
						<div class="col s12 m6 l4">
							<div class="card">
								<div class="card-image">
									<img src="{{ $book->image }}" style="width: 50% !important;"
										 class="img-responsive center-block">
								</div>
								<div class="card-content">
									<p>
										<span class="card-title">{{ $book->name }}</span>
										auth : {{ $book->author }}<br>
										genre : {{ $book->genre }}
									
									</p>
								</div>
							</div>
						</div>
					
					@endforeach </div>
			@endif
		</div>
	
	@endforeach
@stop