@extends('layouts.admin')
@section('title', 'E-Library | List')
@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/background1.jpg') !!}">
					</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="#"><i class="material-icons">account_balance_wallet</i>Book Count :{{ $book_count }}</a></li>
			<li><a href="/"><i class="material-icons">home</i>Home</a></li>
			<li><a href="/admin/list"><i class="material-icons">collections</i>Book Shelf</a></li>
			<li><a href="/admin/add"><i class="material-icons">add</i>Add Books</a></li>
			<li><a href="/admin/update"><i class="material-icons">edit</i>Update Books</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>
	@endforeach
	
	<div class="container">
		<div class="row">
			@foreach($list_books as $books)
				<div class="col s12 m4">
					<div class="card">
						<div class="card-image">
							<img src="{{ $books->image }}" width="50%" class="img-responsive center-block">
						</div>
						<div class="card-content">
							<span class="card-title">{{ $books->name }}</span>
							<p>
								count : {{ $books->count }} <br>
								auth : {{ $books->author }}<br>
								genre : {{ $books->genre }}
							</p>
						</div>
					</div>
				</div>
			@endforeach
		</div>
	</div>

@stop